ui standardization is done

SteamGridDB · Oct 27, 2024 · 4c4dd4e · 4c4dd4e
1 parent 978404a
commit 4c4dd4e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/src/renderer/components/nav-parsers.component.ts b/src/renderer/components/nav-parsers.component.ts
@@ -104,13 +104,14 @@ export class NavParsersComponent implements OnDestroy {
         this.changeRef.detectChanges();
       }),
     );
-
-    this.subscriptions.add(
-      this.navClick.subscribe(()=>{
-        this.currentId="";
-        this.changeRef.detectChanges();
-      })
-    )
+    if(this.appSettings.theme == 'Deck') {
+      this.subscriptions.add(
+        this.navClick.subscribe(()=>{
+          this.currentId="";
+          this.changeRef.detectChanges();
+        })
+      )
+    }
 
     this.languageService.observeChanges().subscribe((lang) => {
       this.changeRef.detectChanges();

diff --git a/src/renderer/styles/themes.global.scss b/src/renderer/styles/themes.global.scss
@@ -867,9 +867,9 @@
 
   &.EmuDeck.EmuDeck log {
     grid-template-areas:
-      "messages bugreport"
-      "messages bugreport"
-      "menu menu";
+      "options messages bugreport"
+      "options messages bugreport"
+      "menu menu menu";
     .menu {
       margin: 0;
       padding: 28px;
@@ -1155,7 +1155,7 @@
   --color-preview-separator: transparent;
   --padding-preview-separator: 18px;
   --color-preview-text: var(--color-nav-link-text-active);
-  --color-preview-user-background: var(--color-nav-link-background-active);
+  --color-preview-user-background: rgb(128, 193, 243);
   --color-preview-app-button: #8d8d8d;
   --color-preview-app-button-active: #ffffff;
   --color-preview-app-button-hover: #cccccc;

diff --git a/src/renderer/templates/nav-parsers.component.html b/src/renderer/templates/nav-parsers.component.html
@@ -44,7 +44,9 @@
             >
               <div>
                 <p>
-                  <img width="120" src="{{imageMap[parserId].img}}"/>
+                  @if(imageMap[parserId]) {
+                    <img width="120" src="{{imageMap[parserId].img}}"/>
+                  }
                   <span *ngIf="imageMap[parserId].alternative">Non-EmuDeck</span>
                 </p>
                 <small>{{imageMap[parserId].details}}</small>