my website at ewancroft.uk

fix: prevent InternalCard from stretching in flex containers

Add self-start to InternalCard to constrain vertical height based on
content, fixing unnecessary stretching in masonry layout

ewancroft.uk b8d10bd1 c4d95802

verified
Changed files
+1 -1
src
lib
components
+1 -1
src/lib/components/ui/InternalCard.svelte
··· 29 29 }: Props = $props(); 30 30 31 31 const baseClasses = 32 - 'flex items-start gap-3 rounded-lg bg-canvas-200 p-4 transition-colors hover:bg-canvas-300 dark:bg-canvas-800 dark:hover:bg-canvas-700'; 32 + 'flex items-start gap-3 rounded-lg bg-canvas-200 p-4 transition-colors hover:bg-canvas-300 dark:bg-canvas-800 dark:hover:bg-canvas-700 self-start'; 33 33 const combinedClasses = `${baseClasses} ${customClass}`; 34 34 </script> 35 35