fix: navbar layout
This commit is contained in:
parent
68f9cb5509
commit
7cd1f00582
|
@ -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}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue