Improve navigation

This commit is contained in:
2022-05-23 21:06:56 +01:00
parent 2955214478
commit 9c4c2557a8
3 changed files with 78 additions and 41 deletions

View File

@ -2,6 +2,40 @@
import Banner from '../../components/Banner.svelte'
</script>
<style>
section {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
ul {
padding: 0 !important;
}
li {
display: flex;
padding-bottom: 10px;
margin-bottom: 5px;
}
li a {
display: flex;
font-weight: bold;
font-size: 1.25rem;
border-bottom: 2px solid transparent;
}
li a:hover {
border-bottom: 2px solid white;
}
h2 {
line-height: 1.4;
margin-bottom: 20px;
}
</style>
<svelte:head>
<title>Quartznet - Admin</title>
</svelte:head>
@ -10,6 +44,20 @@
<main class="container">
<section>
this is not done
<h2>Services</h2>
<ul>
<li>
<a href="https://quartznet.info/status">Status</a>
</li>
<li>
<a href="https://quartznet.info/music/">MyMPD</a>
</li>
<li>
<a href="https://quartznet.info/media/web">Jellyfin</a>
</li>
<li>
<a href="https://quartznet.info/git">Gitea</a>
</li>
</ul>
</section>
</main>
</main>