okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create basic modal

Browse source
This commit is contained in:
Amaru8 2022-04-21 21:43:38 +02:00
parent 95972ecf7e
commit eaaee7a361
3 changed files with 69 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/renderer/style.css
View file

@ -12826,6 +12826,13 @@ body.no-gpu .drawertransition-leave-to {
body.no-gpu .lyric-line:hover::after {
display: none;
}
.keybindings-border {
padding-left: 15px;
padding-right: 15px;
border-style: solid;
border-radius: 5px;
border-color: #CBCBCB;
}
.qrimg {
width: -webkit-fill-available;
max-block-size: -webkit-fill-available;

8
src/renderer/style.less
View file

@ -3123,6 +3123,14 @@ body.no-gpu {
}
}
.keybindings-border {
padding-left: 15px;
padding-right: 15px;
border-style: solid;
border-radius: 5px;
border-color: #CBCBCB;
}
.qrimg {
width: -webkit-fill-available;
max-block-size: -webkit-fill-available;

54
src/renderer/views/pages/settings.ejs
View file

@ -123,6 +123,60 @@
</div>
</b-modal>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{$root.getLz('settings.option.general.customizeSidebar')}}
</div>
<div class="md-option-segment md-option-segment_auto">
<button class="md-btn" v-b-modal.modal-2>
{{$root.getLz('settings.option.general.customizeSidebar.customize')}}
</button>
</div>
<b-modal id="modal-2" centered size="lg" v-title="$root.getLz('settings.option.general.customizeSidebar')">
<div class="settings-option-body">
<div class="md-option-line">
<div class="md-option-segment">
Web Remote
</div>
<div class="md-option-segment md-option-segment_auto keybindings-border">
<p>CTRL + Shift + W</p>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Audio Settings
</div>
<div class="md-option-segment md-option-segment_auto keybindings-border">
<p>CTRL + Shift + A</p>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Plugin Menu
</div>
<div class="md-option-segment md-option-segment_auto keybindings-border">
<p>CTRL + Shift + P</p>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Cast to Devices
</div>
<div class="md-option-segment md-option-segment_auto keybindings-border">
<p>CTRL + Shift + C</p>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Open Developer Tools
</div>
<div class="md-option-segment md-option-segment_auto keybindings-border">
<p>CTRL + Shift + I</p>
</div>
</div>
</div>
</b-modal>
</div>
</div>
</div>
</b-tab>