From bc6b5322ee1c1631e7055b69da59d33b0c6763f5 Mon Sep 17 00:00:00 2001
From: Nikolai Dorofeev <d0rich.connect@gmail.com>
Date: Tue, 30 Jul 2024 21:25:40 +0400
Subject: [PATCH] Fix mask display for firefox

---
 .../nuxt-design-system/components/d/Mask.vue  | 22 +++++--------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/packages/nuxt-design-system/components/d/Mask.vue b/packages/nuxt-design-system/components/d/Mask.vue
index 69a05c72..ad75b836 100644
--- a/packages/nuxt-design-system/components/d/Mask.vue
+++ b/packages/nuxt-design-system/components/d/Mask.vue
@@ -52,26 +52,16 @@ function getAsset(mask: MaskType) {
 </script>
 
 <template>
-  <div>
-    <Transition name="mask" mode="out-in">
-      <img
-        v-if="mask === 'spider'"
-        :src="getAsset('spider')"
-        alt="Spider mask"
-      />
-      <img v-else-if="mask === 'owl'" :src="getAsset('owl')" alt="Owl mask" />
-      <img
-        v-else-if="mask === 'wolf'"
-        :src="getAsset('wolf')"
-        alt="Wolf mask"
-      />
-    </Transition>
-  </div>
+  <Transition name="mask" mode="out-in">
+    <img v-if="mask === 'spider'" :src="getAsset('spider')" alt="Spider mask" />
+    <img v-else-if="mask === 'owl'" :src="getAsset('owl')" alt="Owl mask" />
+    <img v-else-if="mask === 'wolf'" :src="getAsset('wolf')" alt="Wolf mask" />
+  </Transition>
 </template>
 
 <style scoped>
 img {
-  @apply w-full h-full;
+  @apply h-full;
 }
 
 .mask-enter-active,