quartznet/quartznet-info
Watch
2
0
Fork
You've already forked quartznet-info
 0
Code Issues Pull requests Packages Activity Actions

Remove bootstrap dependency

Browse source
This commit is contained in:
Rgebee 2023-03-19 08:38:11 +00:00
commit cc1bb33c6a
6 changed files with 91 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/Nav.svelte
View file

@ -1,8 +1,3 @@
<script>
export let segment;
export let rightComponent;
</script>
<style>
a {
font-size: 1rem;
@ -10,14 +5,22 @@
}
nav {
max-width: 1200px;
display: flex;
justify-content: space-between;
max-width: 1400px;
margin: 0 auto;
padding-left: 1rem;
padding-right: 1rem;
}
ul {
display: flex;
font-weight: bold;
text-align: center;
list-style: none;
margin-top: 8px;
margin-bottom: 8px;
padding: 0;
}
ul li a {
@ -32,18 +35,18 @@
</style>
<header>
<nav class="navbar navbar-expand">
<ul class="navbar-nav mr-auto">
<nav>
<ul>
<li>
<a aria-current="{segment === undefined ? 'page' : undefined}" href="/">Quartznet</a>
<a href="/">Quartznet</a>
</li>
<li>
<a aria-current="{segment === 'about' ? 'page' : undefined}" href="/about">About</a>
<a href="/about">About</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<ul>
<li>
<svelte:component this={rightComponent}/>
<a href="/admin">Admin</a>
</li>
</ul>
</nav>