From 1f157ade289f64a4c181e4fc72d1e2202613dc31 Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Fri, 22 Apr 2022 11:45:54 +0200
Subject: [PATCH] Modal finished

---
 src/renderer/style.css                |  5 ++++-
 src/renderer/style.less               |  5 ++++-
 src/renderer/views/pages/settings.ejs | 20 ++++++++++++++------
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/renderer/style.css b/src/renderer/style.css
index 3b988439..33e4b4db 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -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;
diff --git a/src/renderer/style.less b/src/renderer/style.less
index b5b01bd8..80344407 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -3132,7 +3132,10 @@ body.no-gpu {
 }
 
 .keybinding-text {
-  width: 110px;
+  width: 95px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .qrimg {
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index b9f3c6f4..e8876812 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -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)