fix hero image

rommapp · May 17, 2024 · 838938a · 838938a
1 parent 84fd295
commit 838938a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/app.vue b/app.vue
@@ -136,7 +136,16 @@ const menuItems: MenuItem[] = [
     </div>
     <div>
       <nuxt-img
-        :src="`images/blocks/hero/hero-${$config.theme}.png`"
+        v-if="$config.theme === 'dark'"
+        :src="`images/blocks/hero/hero-dark.png`"
+        preset="responsive"
+        alt="list of games in library"
+        class="hero md:ml-auto block md:h-full object-cover w-full md:w-auto"
+        :placeholder="[2190, 1550, 40, 20]"
+      />
+      <nuxt-img
+        v-else
+        :src="`images/blocks/hero/hero-light.png`"
         preset="responsive"
         alt="list of games in library"
         class="hero md:ml-auto block md:h-full object-cover w-full md:w-auto"