Compare commits

...

1 Commits

Author SHA1 Message Date
midzelis
66367a40dd feat: skeleton title is optional
feat: skeleton title optional
2025-09-28 20:40:06 +00:00

View File

@@ -1,18 +1,20 @@
<script lang="ts"> <script lang="ts">
interface Props { interface Props {
height: number; height: number;
title: string; title?: string;
} }
let { height = 0, title }: Props = $props(); let { height = 0, title }: Props = $props();
</script> </script>
<div class="overflow-clip" style:height={height + 'px'}> <div class="overflow-clip" style:height={height + 'px'}>
<div {#if title}
class="flex pt-7 pb-5 h-6 place-items-center text-xs font-medium text-immich-fg bg-light dark:text-immich-dark-fg md:text-sm" <div
> class="flex pt-7 pb-5 h-6 place-items-center text-xs font-medium text-immich-fg bg-light dark:text-immich-dark-fg md:text-sm"
{title} >
</div> {title}
</div>
{/if}
<div <div
class="animate-pulse absolute h-full ms-[10px] me-[10px]" class="animate-pulse absolute h-full ms-[10px] me-[10px]"
style:width="calc(100% - 20px)" style:width="calc(100% - 20px)"