Better display for file names

This commit is contained in:
Realmy 2024-11-12 09:51:26 +01:00
parent f41b704d05
commit 4086c80b82
1 changed files with 5 additions and 4 deletions

View File

@ -43,7 +43,7 @@
blurMultiplier: 16, blurMultiplier: 16,
}} }}
class={clsx( class={clsx(
"h-16 pl-4 pr-2 flex relative items-center w-full border-2 border-solid border-foreground-muted-alt rounded-xl", "h-16 px-3 flex relative items-center w-full border-2 border-solid border-foreground-muted-alt rounded-xl",
{ {
"initial-fade": !finisheds[i], "initial-fade": !finisheds[i],
}, },
@ -51,10 +51,11 @@
style="--delay: {i * style="--delay: {i *
50}ms; --transition: {transition}; --duration: {duration}ms;" 50}ms; --transition: {transition}; --duration: {duration}ms;"
> >
<div class="flex items-center w-full z-50 relative"> <div
class="flex items-center justify-between w-full z-50 relative"
>
<div <div
class="flex items-center flex-grow" class="py-2 px-3 bg-background text-foreground rounded-xl"
style="text-shadow: 0px 0px 6px white, 0px 0px 12px white"
> >
{file.file.name} {file.file.name}
</div> </div>