fix theme

RopeScore · Jul 15, 2024 · 71d9820 · 71d9820
1 parent 74d9a25
commit 71d9820
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/views/qualifiers/Display.vue b/src/views/qualifiers/Display.vue
@@ -22,7 +22,11 @@
       <template v-for="qualifier, idx of qualifiers" :key="qualifier.id">
         <div
           :style="`--station-col: ${idxToPos(idx).col}; --station-row: ${idxToPos(idx).row}`"
-          class="flex h-full items-center justify-end col-start-[var(--station-col,1)] row-start-[calc(var(--station-row,1)+1)] bg-white p-2"
+          class="flex h-full items-center justify-end col-start-[var(--station-col,1)] row-start-[calc(var(--station-row,1)+1)] p-2"
+          :class="{
+            'bg-white': theme !== 'dark',
+            'bg-black': theme === 'dark'
+          }"
         >
           <img
             v-if="qualifier.countryCode != null"
@@ -37,7 +41,11 @@
         </div>
         <div
           :style="`--station-col: ${idxToPos(idx).col}; --station-row: ${idxToPos(idx).row}`"
-          class="col-start-[calc(var(--station-col,1)+1)] row-start-[calc(var(--station-row,1)+1)] text-4xl bg-white p-6"
+          class="h-full col-start-[calc(var(--station-col,1)+1)] row-start-[calc(var(--station-row,1)+1)] text-4xl p-6"
+          :class="{
+            'bg-white': theme !== 'dark',
+            'bg-black': theme === 'dark'
+          }"
         >
           <p class="font-bold">
             {{ formatList(qualifier.names) }}