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;
}
.keybinding-text {
width: 110px;
width: 95px;
display: flex;
justify-content: center;
align-items: center;
}
.qrimg {
width: -webkit-fill-available;

5
src/renderer/style.less
View file

@ -3132,7 +3132,10 @@ body.no-gpu {
}
.keybinding-text {
width: 110px;
width: 95px;
display: flex;
justify-content: center;
align-items: center;
}
.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')">
<div class="settings-option-body">
<!-- 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-segment">
Web Remote
</div>
<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 class="md-option-line">
@ -148,7 +156,7 @@
Audio Settings
</div>
<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 class="md-option-line">
@ -156,7 +164,7 @@
Plugin Menu
</div>
<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 class="md-option-line">
@ -164,7 +172,7 @@
Cast to Devices
</div>
<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 class="md-option-line">
@ -172,7 +180,7 @@
Open Developer Tools
</div>
<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>
@ -1180,7 +1188,7 @@
},
methods: {
getCommandOrControl() {
return app.cfg.os == "darwin" ? "⌘" : "Ctrl";
return app.platform == "darwin" ? "⌘" : "Ctrl";
},
windowBgStyleChange() {
this.$root.getNowPlayingArtworkBG(undefined, true)