Notes/src/views/dialogs/options.ejs
2020-03-07 21:34:39 +01:00

73 lines
3.0 KiB
Plaintext

<style>
#widgets-configuration {
margin: 0;
}
#widgets-configuration h5 {
text-align: center;
}
#widgets-configuration .list-group-item {
background: var(--accented-background-color);
font-size: larger;
display: flex;
justify-content: space-between;
padding-bottom: 2px;
border-radius: 10px;
}
#widgets-configuration .handle {
margin-right: 20px;
display: inline-block;
}
</style>
<div id="options-dialog" class="modal fade mx-auto" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-dialog-scrollable" style="min-width: 1000px;" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Options</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#options-appearance">Appearance</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#options-keyboard-shortcuts">Keyboard shortcuts</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#options-code-notes">Code notes</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#options-change-password">Change password</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#options-sync-setup">Sync</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#options-other">Other</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#options-advanced">Advanced</a>
</li>
</ul>
<br/>
<div class="tab-content">
<div id="options-appearance" class="tab-pane active"></div>
<div id="options-keyboard-shortcuts" class="tab-pane"></div>
<div id="options-code-notes" class="tab-pane"></div>
<div id="options-change-password" class="tab-pane"></div>
<div id="options-other" class="tab-pane"></div>
<div id="options-sync-setup" class="tab-pane"></div>
<div id="options-advanced" class="tab-pane"></div>
</div>
</div>
</div>
</div>
</div>
</div>