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> </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="flex flex-col space-y-2">
<div class="transition-colors fill-black dark:fill-white"> <div class="transition-colors fill-black dark:fill-white">
<Logo /> <Logo />

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

@ -24,7 +24,7 @@
} }
</script> </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="flex flex-col space-y-2">
<div class="transition-colors fill-black dark:fill-white"> <div class="transition-colors fill-black dark:fill-white">
<Logo /> <Logo />

52
src/routes/+page.svelte
View file

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