chore: Minor fix
This commit is contained in:
@@ -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(
|
||||
|
||||
Reference in New Issue
Block a user