starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-22 00:35:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update Navbar.svelte

Browse Source 
Localized the entire component
This commit is contained in:
Axel Aguilar
2023-08-19 12:04:08 -06:00
parent a6ce9da619
commit 9bc25dd16f
1 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/lib/components/Navbar/Navbar.svelte
View File

@@ -59,11 +59,21 @@
<div
class="flex items-center justify-center gap-4 md:gap-8 font-normal text-sm tracking-wider text-zinc-200"
>
<a href="/" class={$page && getLinkStyle('/')}>{$_('navbarHome')}</a>
<a href="/discover" class={$page && getLinkStyle('/discover')}>{$_('navbarDiscover')}</a>
<a href="/library" class={$page && getLinkStyle('/library')}>{$_('navbarLibrary')}</a>
<a href="/sources" class={$page && getLinkStyle('/sources')}>{$_('navbarSources')}</a>
<a href="/settings" class={$page && getLinkStyle('/settings')}>{$_('navbarSettings')}</a>
<a href="/" class={$page && getLinkStyle('/')}>
{$_('navbar.home')}
</a>
<a href="/discover" class={$page && getLinkStyle('/discover')}>
{$_('navbar.discover')}
</a>
<a href="/library" class={$page && getLinkStyle('/library')}>
{$_('navbar.library')}
</a>
<a href="/sources" class={$page && getLinkStyle('/sources')}>
{$_('navbar.sources')}
</a>
<a href="/settings" class={$page && getLinkStyle('/settings')}>
{$_('navbar.settings')}
</a>
</div>
<div class="flex gap-2 items-center">
<IconButton on:click={openSearchModal}>
@@ -104,29 +114,37 @@
transition:fade={{ duration: 150 }}
>
<div class="row-span-2 flex flex-col gap-4 items-center justify-center">
<a on:click={() => (isMobileMenuVisible = false)} href="/" class={$page && getLinkStyle('/')}
>Home</a
>
<a on:click={() => (isMobileMenuVisible = false)} href="/" class={$page && getLinkStyle('/')}>
{$_('navbar.home')}
</a>
<a
on:click={() => (isMobileMenuVisible = false)}
href="/discover"
class={$page && getLinkStyle('/discover')}>Discover</a
class={$page && getLinkStyle('/discover')}
>
{$_('navbar.discover')}
</a>
<a
on:click={() => (isMobileMenuVisible = false)}
href="/library"
class={$page && getLinkStyle('/library')}>Library</a
class={$page && getLinkStyle('/library')}
>
{$_('navbar.library')}
</a>
<a
on:click={() => (isMobileMenuVisible = false)}
href="/sources"
class={$page && getLinkStyle('/sources')}>Sources</a
class={$page && getLinkStyle('/sources')}
>
{$_('navbar.sources')}
</a>
<a
on:click={() => (isMobileMenuVisible = false)}
href="/settings"
class={$page && getLinkStyle('/settings')}>Settings</a
class={$page && getLinkStyle('/settings')}
>
{$_('navbar.settings')}
</a>
</div>
</div>
{/if}