fix podium bg and col/row change crash

RopeScore · Jul 2, 2024 · 7b37de7 · 7b37de7
1 parent 5ca1f0c
commit 7b37de7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/views/DeviceStreamSetup.vue b/src/views/DeviceStreamSetup.vue
@@ -270,6 +270,7 @@ function removeScreen (screenId: string) {
 }
 
 function changeCols (screenId: string, cols: number) {
+  if (cols == null || Number.isNaN(cols)) return
   const screen = settings.value.screens?.[screenId]
   if (screen == null) return
   screen.cols = cols
@@ -281,6 +282,7 @@ function changeCols (screenId: string, cols: number) {
   }
 }
 function changeRows (screenId: string, rows: number) {
+  if (rows == null || Number.isNaN(rows)) return
   const screen = settings.value.screens?.[screenId]
   if (screen == null) return
   screen.rows = rows

diff --git a/src/views/PodiumLive.vue b/src/views/PodiumLive.vue
@@ -1,5 +1,8 @@
 <template>
-  <main class="grid grid-cols-3 gap-6 px-8 py-6">
+  <main
+    class="grid grid-cols-3 gap-6 px-8 py-6"
+    :class="{ 'dark bg-black': theme === 'dark' }"
+  >
     <div
       v-for="pos in positions"
       :key="pos"
@@ -95,7 +98,7 @@ main {
   background-size: cover;
 }
 
-.dark main {
+main.dark {
   background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,1) 100%), var(--bgUrl, black);
 }
 </style>