MadHouse-Labs/file-uploader
2
0
Fork 0
Code Issues Pull requests Packages Activity Actions

slight mobile-isms

Browse source
This commit is contained in:
cirroskais 2024-03-25 14:52:26 -04:00
parent c7ecd4fe16
commit c35a0bf12a
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
3 changed files with 29 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/LoginForm.svelte
View file

@ -24,7 +24,7 @@
}
</script>
<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-screen">
<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-full">
<div class="flex flex-col space-y-2">
<div class="transition-colors fill-black dark:fill-white">
<Logo />

2
src/lib/components/RegisterForm.svelte
View file

@ -24,7 +24,7 @@
}
</script>
<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-screen">
<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-full">
<div class="flex flex-col space-y-2">
<div class="transition-colors fill-black dark:fill-white">
<Logo />

52
src/routes/+page.svelte
View file

@ -24,34 +24,36 @@
});
</script>
{#if $state === '/landing'}
<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-screen">
<div class="flex flex-col space-y-1.5">
<div>
<div class="transition-colors fill-black dark:fill-white">
<Logo />
<div class="h-[85vh] md:h-screen">
{#if $state === '/landing'}
<div in:blur={{ amount: 1 }} class="flex justify-center items-center h-full">
<div class="flex flex-col space-y-1.5">
<div>
<div class="transition-colors fill-black dark:fill-white">
<Logo />
</div>
<p>Currently hosting <strong>0</strong> files.</p>
<p class="italic">The best file uploader <strong>ever!!!</strong></p>
</div>
<p>Currently hosting <strong>0</strong> files.</p>
<p class="italic">The best file uploader <strong>ever!!!</strong></p>
</div>
<div class="flex place-content-around mx-auto space-x-2">
<ThemeSwitcher />
<div class="flex place-content-around mx-auto space-x-2">
<ThemeSwitcher />
<Button click={() => ($state = '/login')}>
<LogIn />
<p>Login</p>
</Button>
<Button click={() => ($state = '/login')}>
<LogIn />
<p>Login</p>
</Button>
<Button click={() => ($state = '/register')}>
<UserPlus />
<p>Register</p>
</Button>
<Button click={() => ($state = '/register')}>
<UserPlus />
<p>Register</p>
</Button>
</div>
</div>
</div>
</div>
{:else if $state === '/login'}
<LoginForm callback={() => ($state = '/landing')} />
{:else if $state === '/register'}
<RegisterForm callback={() => ($state = '/landing')} />
{/if}
{:else if $state === '/login'}
<LoginForm callback={() => ($state = '/landing')} />
{:else if $state === '/register'}
<RegisterForm callback={() => ($state = '/landing')} />
{/if}
</div>