my website at ewancroft.uk

fix(profile): match skeleton banner to card border radius

ewancroft.uk 2bf4c47b 73bd3fd0

verified
Changed files
+3 -3
src
lib
components
layout
main
ui
+2 -2
src/lib/components/layout/main/card/ProfileCard.svelte
··· 27 27 28 28 <div class="mx-auto w-full max-w-2xl"> 29 29 {#if loading} 30 - <Card loading={true} variant="elevated" padding="none"> 30 + <Card loading={true} variant="elevated" padding="none" class="overflow-hidden"> 31 31 {#snippet skeleton()} 32 32 <!-- Banner skeleton --> 33 - <div class="h-32 w-full bg-canvas-300 dark:bg-canvas-700"></div> 33 + <div class="h-32 w-full rounded-t-xl bg-canvas-300 dark:bg-canvas-700"></div> 34 34 35 35 <!-- Avatar skeleton --> 36 36 <div class="relative -mt-16 flex justify-center sm:ml-6 sm:justify-start">
+1 -1
src/lib/components/ui/Card.svelte
··· 165 165 166 166 {#if showExternalIcon} 167 167 <ExternalLink 168 - class="h-4 w-4 flex-shrink-0 text-ink-700 transition-colors group-hover:text-primary-600 dark:text-ink-200 dark:group-hover:text-primary-400" 168 + class="h-4 w-4 shrink-0 text-ink-700 transition-colors group-hover:text-primary-600 dark:text-ink-200 dark:group-hover:text-primary-400" 169 169 aria-hidden="true" 170 170 /> 171 171 {/if}