Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues2 Pull requests Releases11 Packages1 Activity Actions

Prettier changes

Browse source
This commit is contained in:
Neshura 2024-01-01 20:00:35 +01:00
parent d99d508bd6
commit eeaeca1006
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
11 changed files with 556 additions and 526 deletions
src/routes
Header.svelte

92
src/routes/Header.svelte
View file

@ -1,47 +1,53 @@
<script lang="ts">
import {page} from "$app/stores";
import { Button } from "$lib/components/ui/button";
const button = "border-t-2 bg-black/55 hover:bg-black/70 hover:border-primary w-28";
import { page } from '$app/stores';
import { Button } from '$lib/components/ui/button';
const button = 'border-t-2 bg-black/55 hover:bg-black/70 hover:border-primary w-28';
</script>
<ul class="w-full h-16 border-b sticky flex flex-row items-center justify-center gap-3 backdrop-blur-sm bg-black/40">
<li>
<Button
variant="ghost"
href="/"
class="{button} + {$page.url.pathname == '/' ? 'border-primary text-primary' : 'text-accent'}"
>
Home
</Button>
</li>
<li>
<Button
variant="ghost"
href="/servers"
class="{button} + {$page.url.pathname.startsWith('/servers') ? 'border-primary text-primary' : 'text-accent'}"
>
Servers
</Button>
</li>
<li>
<Button
variant="ghost"
href="/services"
class="{button} + {$page.url.pathname.startsWith('/services') ? 'border-primary text-primary' : 'text-accent'}"
>
Services
</Button>
</li>
<li>
<Button
variant="ghost"
href="/about"
class="{button} + {$page.url.pathname.startsWith('/about') ? 'border-primary text-primary' : 'text-accent'}"
>
About
</Button>
</li>
</ul>
<ul
class="sticky flex h-16 w-full flex-row items-center justify-center gap-3 border-b bg-black/40 backdrop-blur-sm"
>
<li>
<Button
variant="ghost"
href="/"
class="{button} + {$page.url.pathname === '/' ? 'border-primary text-primary' : 'text-accent'}"
>
Home
</Button>
</li>
<li>
<Button
variant="ghost"
href="/servers"
class="{button} + {$page.url.pathname.startsWith('/servers')
? 'border-primary text-primary'
: 'text-accent'}"
>
Servers
</Button>
</li>
<li>
<Button
variant="ghost"
href="/services"
class="{button} + {$page.url.pathname.startsWith('/services')
? 'border-primary text-primary'
: 'text-accent'}"
>
Services
</Button>
</li>
<li>
<Button
variant="ghost"
href="/about"
class="{button} + {$page.url.pathname.startsWith('/about')
? 'border-primary text-primary'
: 'text-accent'}"
>
About
</Button>
</li>
</ul>