FilesBlock: size as inline badge after filename

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Peter Meier
2026-05-18 08:44:46 +02:00
parent 887a6bda3e
commit 61e01c127f
+7 -7
View File
@@ -125,14 +125,14 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="shrink-0 flex flex-col items-center w-8">
<Icon icon={f.iconName} class="size-4 text-stein-500" aria-hidden="true" />
{#if f.sizeLabel}
<span class="text-[.55rem] text-stein-400 tabular-nums leading-tight whitespace-nowrap">{f.sizeLabel}</span>
{/if}
</span>
<Icon icon={f.iconName} class="size-4 shrink-0 text-stein-500" aria-hidden="true" />
<span class="flex-1 min-w-0 flex flex-col">
<span class="text-sm text-stein-900 group-hover:underline truncate">{f.label}</span>
<span class="flex items-center gap-1.5 min-w-0">
<span class="text-sm text-stein-900 group-hover:underline truncate">{f.label}</span>
{#if f.sizeLabel}
<span class="shrink-0 text-[.6rem] tabular-nums whitespace-nowrap bg-stein-100 text-stein-500 px-1 py-px rounded-xs">{f.sizeLabel}</span>
{/if}
</span>
{#if f.description}
<span class="text-xs text-stein-400 truncate">{f.description}</span>
{/if}