chore: Minor fix

This commit is contained in:
iamsivin
2025-01-27 19:19:15 +05:30
parent 3c227f8048
commit cc4817b233
@@ -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(