fix: fix safari image issue

storipress · May 17, 2024 · 9ef8206 · 9ef8206
1 parent 14eb9b0
commit 9ef8206
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/ui/avatar/AvatarImage.vue b/src/components/ui/avatar/AvatarImage.vue
@@ -5,5 +5,6 @@ const props = defineProps<AvatarImageProps>()
 </script>
 
 <template>
-  <AvatarImage v-bind="props" class="h-full max-w-32 object-cover md:max-w-48" />
+  <!-- w-full is required for properly style on Safari -->
+  <AvatarImage v-bind="props" class="h-full w-full max-w-32 object-cover md:max-w-48" />
 </template>