mobile compat

This commit is contained in:
cirroskais 2024-04-29 10:11:59 -04:00
parent 4ccbd13e0b
commit d7e8a098b3
No known key found for this signature in database
GPG key ID: 36FBC361DF481862
2 changed files with 5 additions and 5 deletions

View file

@ -12,10 +12,10 @@
<div
class="flex place-content-between px-4 w-full h-full rounded-xl shadow-md transition-colors py-auto bg-crust"
>
<div class="flex my-auto space-x-6">
<div class="flex my-auto md:space-x-6">
<a
href="/dashboard"
class="flex-none my-auto w-20 fill-text text-xl transition-all hover:scale-105 focus:scale-105 active:scale-95"
class="hidden md:block flex-none my-auto w-20 fill-text text-xl transition-all hover:scale-105 focus:scale-105 active:scale-95"
>
<Logo></Logo>
</a>

View file

@ -13,7 +13,7 @@
user.set(data?.user);
</script>
<div class="w-96 h-[calc(100vh-4.5rem)] flex mx-auto">
<div class="w-[23rem] h-[calc(100vh-4.5rem)] flex mx-auto">
<div class="my-auto flex flex-col w-full gap-2">
<div>
<h1 class="text-2xl font-bold">Welcome, {$page.data.user.username}.</h1>
@ -38,11 +38,11 @@
<td class="font-bold">Registered Users</td>
<td class="text-right">{statistics?.users}</td>
</tr>
<tr in:fade={{ delay: 60 * 2 }}>
<tr in:fade={{ delay: 60 * 3 }}>
<td class="font-bold">Files Hosted</td>
<td class="text-right">{statistics?.files}</td>
</tr>
<tr in:fade={{ delay: 60 * 3 }}>
<tr in:fade={{ delay: 60 * 6 }}>
<td class="font-bold">File Storage</td>
<td class="text-right">{statistics?.storage}</td>
</tr>