slight mobile-isms
This commit is contained in:
parent
c7ecd4fe16
commit
c35a0bf12a
3 changed files with 29 additions and 27 deletions
|
@ -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 />
|
||||||
|
|
|
@ -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 />
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue