From cc4817b23304ac6203470ff23267a41c5f7588b0 Mon Sep 17 00:00:00 2001 From: iamsivin Date: Mon, 27 Jan 2025 19:19:15 +0530 Subject: [PATCH] chore: Minor fix --- .../message/chips/AttachmentGrid.vue | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/app/javascript/dashboard/components-next/message/chips/AttachmentGrid.vue b/app/javascript/dashboard/components-next/message/chips/AttachmentGrid.vue index 86267becd..17aeeb0c7 100644 --- a/app/javascript/dashboard/components-next/message/chips/AttachmentGrid.vue +++ b/app/javascript/dashboard/components-next/message/chips/AttachmentGrid.vue @@ -30,10 +30,10 @@ const gridClass = computed(() => { if (count === 1) return `${base} grid-cols-1`; const classes = { - 2: `${base} grid-cols-2 max-h-[400px]`, - 3: `${base} grid-cols-2 max-h-[400px]`, - 4: `${base} grid-cols-2 max-h-[400px]`, - 5: `${base} grid-cols-3 max-h-[400px]`, + 2: `${base} grid-cols-2 max-h-[500px]`, + 3: `${base} grid-cols-2 max-h-[500px]`, + 4: `${base} grid-cols-2 max-h-[500px]`, + 5: `${base} grid-cols-3 max-h-[500px]`, }; return classes[count] || classes[5]; @@ -43,12 +43,12 @@ const itemClass = computed(() => index => { const count = props.attachments.length; const base = 'relative overflow-hidden rounded-lg'; - if (count === 1) return `${base} w-fit h-[400px]`; // w-full h-auto, TODO: check this + if (count === 1) return `${base} w-full h-auto`; - if (count === 3 && index === 0) return `${base} row-span-2 h-[392px]`; - if (count >= 5 && index === 0) return `${base} col-span-2 h-[192px]`; + if (count === 3 && index === 0) return `${base} row-span-2 h-[492px]`; + if (count >= 5 && index === 0) return `${base} col-span-2 h-[242px]`; - return count === 2 ? `${base} h-[400px]` : `${base} h-[192px]`; + return count === 2 ? `${base} h-[500px]` : `${base} h-[242px]`; }); const shouldShowOverlay = computed(