added attachment component

2025-02-28 23:08:04 +03:30
parent 91fc821576
commit a7c464d32e
1 changed files with 33 additions and 0 deletions
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    index: number;
+    size: number;
+    link: string;
+};
+
+// props
+
+defineProps<Props>();
+</script>
+
+<template>
+    <NuxtLink
+        :to="link"
+        target="_blank"
+        class="w-full flex items-center cursor-pointer p-2 gap-2 rounded-100 bg-slate-100 border border-slate-300"
+    >
+        <div class="size-10 flex-center border border-slate-300 rounded-md">
+            <Icon name="bi:pin-angle" class="**:fill-black" size="20" />
+        </div>
+        <div class="flex flex-col gap-1">
+            <span class="text-sm line-clamp-1">
+                {{ `فایل ضمیمه ${index}` }}
+            </span>
+            <span class="text-xs">{{ (size / 1024).toFixed(2) }}KB</span>
+        </div>
+    </NuxtLink>
+</template>
+
+<style scoped></style>