ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2024-12-22 21:19:51 +05:30
Code Issues Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
Akis 2022-07-27 19:50:48 +03:00
parent 253e7e7193
commit fb14bdc986
Signed by untrusted user: akis
GPG Key ID: 267BF5C6677944ED
1 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/lib/Nav.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import IconBars from "~icons/fa6-solid/bars"; import IconBars from "~icons/fa6-solid/bars";
</script> </script>
<nav> <nav>
@ -13,14 +13,14 @@
>Segfault</span >Segfault</span
> >
</a> </a>
<input type="checkbox" id="toggle-menu"> <input type="checkbox" id="toggle-menu" />
<label class="menu-icon" for="toggle-menu"> <label class="menu-icon" for="toggle-menu">
<a id="menu-icon"> <a id="menu-icon">
<IconBars /> <IconBars />
</a> </a>
</label> </label>
<div class="links"> <div class="links">
<a href="https://instances.projectsegfau.lt/">Instances & Gameservers</a <a href="https://instances.projectsegfau.lt/">Instances & Gameservers</a
> >
@ -31,10 +31,7 @@
<a href="/members">Members</a> <a href="/members">Members</a>
<a href="https://blog.projectsegfau.lt/">Blog</a> <a href="https://blog.projectsegfau.lt/">Blog</a>
<a href="/legal">Legal</a> <a href="/legal">Legal</a>
</div> </div>
</nav> </nav>
<style> <style>
@ -51,10 +48,10 @@
align-items: center; align-items: center;
text-decoration: none; text-decoration: none;
} }
.links { .links {
display: flex; display: flex;
gap: .5rem; gap: 0.5rem;
} }
.links > * { .links > * {
@ -118,7 +115,7 @@
display: block; display: block;
z-index: 1; z-index: 1;
position: absolute; position: absolute;
top: .45rem; top: 0.45rem;
right: 1rem; right: 1rem;
background-color: var(--tertiary); background-color: var(--tertiary);
border: none; border: none;
@ -139,8 +136,5 @@
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
} }
} }
</style> </style>