24 lines
543 B
Vue
24 lines
543 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { ImageOff } from "lucide-vue-next";
|
||
|
|
|
||
|
|
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}`"
|
||
|
|
>
|
||
|
|
<ImageOff class="size-10 text-muted/30" />
|
||
|
|
<span class="mt-2 font-mono text-[10px] tracking-wider text-muted/40">{{ label }}</span>
|
||
|
|
</div>
|
||
|
|
</template>
|