responsived placeholder

2025-05-12 18:54:02 +03:30
parent 4245bfa35e
commit 722e6e2c39
1 changed files with 10 additions and 4 deletions
@@ -13,11 +13,17 @@ defineProps<Props>();

 <template>
    <div
-        class="w-full flex-col flex-grow py-[12rem] gap-6 border-2 border-slate-200 border-dashed size-full rounded-xl flex-center"
+        class="w-full flex-col flex-grow py-[10rem] lg:py-[12rem] gap-6 border-2 border-slate-200 border-dashed size-full rounded-2xl flex-center"
    >
-        <Icon :name="icon" size="50" class="**:fill-gray-500" />
-        <span class="text-lg text-gray-500"> {{ title }} </span>
-        <slot v-if="$slots['actions']" name="actions" />
+        <Icon
+            :name="icon"
+            class="**:fill-gray-400 text-3xl"
+        />
+        <span class="lg:text-lg text-gray-400"> {{ title }} </span>
+        <slot
+            v-if="$slots['actions']"
+            name="actions"
+        />
    </div>
 </template>