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

Modal finished

Browse source
This commit is contained in:
Amaru8 2022-04-22 11:45:54 +02:00
parent 929a521795
commit 1f157ade28
3 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/renderer/style.css
View file

@ -12834,7 +12834,10 @@ body.no-gpu .lyric-line:hover::after {
border-color: #CBCBCB; border-color: #CBCBCB;
} }
.keybinding-text { .keybinding-text {
width: 110px; width: 95px;
display: flex;
justify-content: center;
align-items: center;
} }
.qrimg { .qrimg {
width: -webkit-fill-available; width: -webkit-fill-available;

5
src/renderer/style.less
View file

@ -3132,7 +3132,10 @@ body.no-gpu {
} }
.keybinding-text { .keybinding-text {
width: 110px; width: 95px;
display: flex;
justify-content: center;
align-items: center;
} }
.qrimg { .qrimg {

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

@ -135,12 +135,20 @@
<b-modal id="modal-2" centered size="lg" v-title="$root.getLz('settings.option.general.keybindings')"> <b-modal id="modal-2" centered size="lg" v-title="$root.getLz('settings.option.general.keybindings')">
<div class="settings-option-body"> <div class="settings-option-body">
<!-- TODO: Use getCommandOrControl function result --> <!-- TODO: Use getCommandOrControl function result -->
<div class="md-option-line">
<div class="md-option-segment">
Toggle Private Session
</div>
<div class="md-option-segment md-option-segment_auto keybindings-border">
<p class="keybinding-text">{{ getCommandOrControl() }} + P</p>
</div>
</div>
<div class="md-option-line"> <div class="md-option-line">
<div class="md-option-segment"> <div class="md-option-segment">
Web Remote Web Remote
</div> </div>
<div class="md-option-segment md-option-segment_auto keybindings-border"> <div class="md-option-segment md-option-segment_auto keybindings-border">
<p class="keybinding-text">CTRL + Shift + W</p> <p class="keybinding-text">{{ getCommandOrControl() }} + Shift + W</p>
</div> </div>
</div> </div>
<div class="md-option-line"> <div class="md-option-line">
@ -148,7 +156,7 @@
Audio Settings Audio Settings
</div> </div>
<div class="md-option-segment md-option-segment_auto keybindings-border"> <div class="md-option-segment md-option-segment_auto keybindings-border">
<p class="keybinding-text">CTRL + Shift + A</p> <p class="keybinding-text">{{ getCommandOrControl() }} + Shift + A</p>
</div> </div>
</div> </div>
<div class="md-option-line"> <div class="md-option-line">
@ -156,7 +164,7 @@
Plugin Menu Plugin Menu
</div> </div>
<div class="md-option-segment md-option-segment_auto keybindings-border"> <div class="md-option-segment md-option-segment_auto keybindings-border">
<p class="keybinding-text">CTRL + Shift + P</p> <p class="keybinding-text">{{ getCommandOrControl() }} + Shift + P</p>
</div> </div>
</div> </div>
<div class="md-option-line"> <div class="md-option-line">
@ -164,7 +172,7 @@
Cast to Devices Cast to Devices
</div> </div>
<div class="md-option-segment md-option-segment_auto keybindings-border"> <div class="md-option-segment md-option-segment_auto keybindings-border">
<p class="keybinding-text">CTRL + Shift + C</p> <p class="keybinding-text">{{ getCommandOrControl() }} + Shift + C</p>
</div> </div>
</div> </div>
<div class="md-option-line"> <div class="md-option-line">
@ -172,7 +180,7 @@
Open Developer Tools Open Developer Tools
</div> </div>
<div class="md-option-segment md-option-segment_auto keybindings-border"> <div class="md-option-segment md-option-segment_auto keybindings-border">
<p class="keybinding-text">CTRL + Shift + I</p> <p class="keybinding-text">{{ getCommandOrControl() }} + Shift + I</p>
</div> </div>
</div> </div>
</div> </div>
@ -1180,7 +1188,7 @@
}, },
methods: { methods: {
getCommandOrControl() { getCommandOrControl() {
return app.cfg.os == "darwin" ? "⌘" : "Ctrl"; return app.platform == "darwin" ? "⌘" : "Ctrl";
}, },
windowBgStyleChange() { windowBgStyleChange() {
this.$root.getNowPlayingArtworkBG(undefined, true) this.$root.getNowPlayingArtworkBG(undefined, true)