aldy505
/
jokes-bapak2
mirror of https://github.com/aldy505/jokes-bapak2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/navbar.svelte
View File

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