refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-09-13 00:37:45 +04:00
parent 56a8973fa0
commit 3288b19795
2 changed files with 6 additions and 5 deletions

View file

@ -7,8 +7,7 @@
</script> </script>
<div class="px-3"> <div class="px-3">
<div class="text-center text-6xl mb-3">📄</div> <div class="text-center dark:text-white text-2xl font-medium z-50">
<div class="text-center dark:text-white text-xl font-semibold z-50">
{#if title} {#if title}
{title} {title}
{:else} {:else}
@ -17,7 +16,7 @@
</div> </div>
<slot <slot
><div class="px-2 mt-2 text-center text-sm dark:text-gray-200 w-full"> ><div class="px-2 mt-2 text-center text-gray-700 dark:text-gray-200 w-full">
{#if content} {#if content}
{content} {content}
{:else} {:else}

View file

@ -24,8 +24,10 @@
role="region" role="region"
aria-label="Drag and Drop Container" aria-label="Drag and Drop Container"
> >
<div class="absolute w-full h-full backdrop-blur-sm bg-gray-800/40 flex justify-center"> <div
<div class="m-auto pt-64 flex flex-col justify-center"> class="absolute w-full h-full backdrop-blur-sm bg-gray-100/50 dark:bg-gray-900/80 flex justify-center"
>
<div class="m-auto flex flex-col justify-center">
<div class="max-w-md"> <div class="max-w-md">
<AddFilesPlaceholder /> <AddFilesPlaceholder />
</div> </div>