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

fix: navigation doesnt close on mobile

This commit is contained in:
Reinaldy Rafli 2021-07-16 01:27:57 +07:00
parent 539a216cc2
commit 5252b48602
1 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -54,10 +54,42 @@
style="transition: left {duration}s ease-in-out"
>
<div class="flex flex-col items-center content-center text-center pt-20">
<div on:click={() => goto('/')} class="hover:cursor-pointer flex-1 font-bold text-4xl py-6">Jokesbapak2</div>
<div on:click={() => goto('/why')} class="flex-1 py-3 text-3xl">{$_('navigation.why')}</div>
<div on:click={() => goto('/guide')} class="flex-1 py-3 text-3xl">{$_('navigation.guide')}</div>
<div on:click={() => goto('/api')} class="flex-1 py-3 text-3xl">{$_('navigation.api')}</div>
<div
on:click={() => {
open = false;
return goto('/');
}}
class="hover:cursor-pointer flex-1 font-bold text-4xl py-6"
>
Jokesbapak2
</div>
<div
on:click={() => {
open = false;
return goto('/why');
}}
class="flex-1 py-3 text-3xl"
>
{$_('navigation.why')}
</div>
<div
on:click={() => {
open = false;
return goto('/guide');
}}
class="flex-1 py-3 text-3xl"
>
{$_('navigation.guide')}
</div>
<div
on:click={() => {
open = false;
return goto('/api');
}}
class="flex-1 py-3 text-3xl"
>
{$_('navigation.api')}
</div>
</div>
</menu>
{/if}