24 lines
579 B
Vue
24 lines
579 B
Vue
<script setup lang="ts">
|
|
import VuesaxIcon from "~/components/ui/VuesaxIcon.vue";
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
label?: string;
|
|
aspectClass?: string;
|
|
}>(),
|
|
{
|
|
label: "تصویر محصول",
|
|
aspectClass: "aspect-[4/3]",
|
|
},
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:class="`flex flex-col items-center justify-center border border-dashed border-line bg-panel ${aspectClass}`"
|
|
>
|
|
<VuesaxIcon name="gallery-slash" class="size-10 text-muted/30" />
|
|
<span class="mt-2 font-mono text-[10px] tracking-wider text-muted/40">{{ label }}</span>
|
|
</div>
|
|
</template>
|