From 4086c80b82c5bc20416e2355df1605979fcdbc34 Mon Sep 17 00:00:00 2001
From: Realmy <163438634+RealmyTheMan@users.noreply.github.com>
Date: Tue, 12 Nov 2024 09:51:26 +0100
Subject: [PATCH] Better display for file names

---
 src/routes/convert/+page.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte
index 7cab1f2..fe57942 100644
--- a/src/routes/convert/+page.svelte
+++ b/src/routes/convert/+page.svelte
@@ -43,7 +43,7 @@
 					blurMultiplier: 16,
 				}}
 				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],
 					},
@@ -51,10 +51,11 @@
 				style="--delay: {i *
 					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
-						class="flex items-center flex-grow"
-						style="text-shadow: 0px 0px 6px white, 0px 0px 12px white"
+						class="py-2 px-3 bg-background text-foreground rounded-xl"
 					>
 						{file.file.name}
 					</div>