chore: seperate frontend into differenet directories.

2025-11-09 08:25:42 +00:00 · 2024-06-23 23:24:43 +05:30
parent 6838cf7a71
commit 2bbb161593
56 changed files with 1109 additions and 493 deletions
--- a/frontend/src/components/attachment/FileAttachmentPreview.vue
+++ b/frontend/src/components/attachment/FileAttachmentPreview.vue
@@ -0,0 +1,36 @@
+<template>
+    <div class="flex items-center group text-left">
+        <div class="relative w-36 h-28 flex items-center justify-center">
+            <div>
+                <span class="size-20">📄</span>
+            </div>
+            <div class="
+                p-1
+                absolute
+                inset-0
+                text-gray-50
+                opacity-10
+                group-hover:opacity-100
+                overlay
+                text-wrap
+                ">
+                <p class="font-bold text-xs opacity-0 group-hover:opacity-100">{{ getAttachmentName(attachment.filename) }}</p>
+                <p class="text-xs opacity-0 group-hover:opacity-100">{{ formatBytes(attachment.size) }}</p>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { formatBytes } from '@/utils/file.js';
+defineProps({
+    attachment: {
+        type: Object,
+        required: true,
+    },
+})
+
+const getAttachmentName = (name) => {
+    return name.substring(0, 50)
+}
+</script>