fix: navbar layout

This commit is contained in:
Reinaldy Rafli 2021-07-16 15:03:31 +07:00
parent 68f9cb5509
commit 7cd1f00582
1 changed files with 7 additions and 6 deletions

View File

@ -50,16 +50,16 @@
{#if open} {#if open}
<menu <menu
class="top-of-the-world dark:bg-gray-900 dark:text-white bg-lavender-200 text-black w-full h-full overscroll-none" class="top-of-the-world dark:bg-gray-900 dark:text-white bg-lavender-200 bg-gradient-to-br to-lavender-400 dark:to-lavender-900 text-black w-full h-full overscroll-none"
style="transition: left {duration}s ease-in-out"
> >
<div class="container -pr-10">
<div class="flex flex-col items-center content-center text-center pt-20"> <div class="flex flex-col items-center content-center text-center pt-20">
<div <div
on:click={() => { on:click={() => {
open = false; open = false;
return goto('/'); return goto('/');
}} }}
class="hover:cursor-pointer flex-1 font-bold text-4xl py-6" class="hover:cursor-pointer flex-1 font-bold text-3xl pt-6 pb-10"
> >
Jokesbapak2 Jokesbapak2
</div> </div>
@ -68,7 +68,7 @@
open = false; open = false;
return goto('/why'); return goto('/why');
}} }}
class="flex-1 py-3 text-3xl" class="flex-1 py-3 text-4xl"
> >
{$_('navigation.why')} {$_('navigation.why')}
</div> </div>
@ -77,7 +77,7 @@
open = false; open = false;
return goto('/guide'); return goto('/guide');
}} }}
class="flex-1 py-3 text-3xl" class="flex-1 py-3 text-4xl"
> >
{$_('navigation.guide')} {$_('navigation.guide')}
</div> </div>
@ -86,11 +86,12 @@
open = false; open = false;
return goto('/api'); return goto('/api');
}} }}
class="flex-1 py-3 text-3xl" class="flex-1 py-3 text-4xl"
> >
{$_('navigation.api')} {$_('navigation.api')}
</div> </div>
</div> </div>
</div>
</menu> </menu>
{/if} {/if}