kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 12:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ai-art): aspect ratio issue

Browse Source
This commit is contained in:
Stefan Imhoff
2025-01-23 19:34:29 +01:00
parent 22d65f8feb
commit cfb1334ac5
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ai-art.astro
View File

@@ -41,6 +41,7 @@ const description = 'This is a collection of AI art pieces I’ve created with S
{ {
allAiArt.map(({ slug, data }) => ( allAiArt.map(({ slug, data }) => (
<li <li
style={{ aspectRatio: data.images[0].aspectRatio }}
class:list={[ class:list={[
{ {
'md:col-span-3 md:row-span-2': 'md:col-span-3 md:row-span-2':
@@ -51,13 +52,13 @@ const description = 'This is a collection of AI art pieces I’ve created with S
data.images[0].aspectRatio === 1 && data.coverSize === 'small', data.images[0].aspectRatio === 1 && data.coverSize === 'small',
'md:col-span-4 md:row-span-3': 'md:col-span-4 md:row-span-3':
data.images[0].aspectRatio > 1 && data.coverSize === 'medium', data.images[0].aspectRatio > 1 && data.coverSize === 'medium',
'md:col-span-3 md:row-span-4': 'md:col-span-3 md:row-span-5':
data.images[0].aspectRatio < 1 && data.coverSize === 'medium', data.images[0].aspectRatio < 1 && data.coverSize === 'medium',
'md:col-span-4 md:row-span-4': 'md:col-span-4 md:row-span-4':
data.images[0].aspectRatio === 1 && data.coverSize === 'medium', data.images[0].aspectRatio === 1 && data.coverSize === 'medium',
'md:col-span-6 md:row-span-5': 'md:col-span-6 md:row-span-5':
data.images[0].aspectRatio > 1 && data.coverSize === 'large', data.images[0].aspectRatio > 1 && data.coverSize === 'large',
'md:col-span-5 md:row-span-6': 'md:col-span-5 md:row-span-8':
data.images[0].aspectRatio < 1 && data.coverSize === 'large', data.images[0].aspectRatio < 1 && data.coverSize === 'large',
'md:col-span-6 md:row-span-6': 'md:col-span-6 md:row-span-6':
data.images[0].aspectRatio === 1 && data.coverSize === 'large', data.images[0].aspectRatio === 1 && data.coverSize === 'large',