BioArchLinux/Rosa
2
0
Fork 0
mirror of https://github.com/BioArchLinux/Rosa.git synced 2025-03-10 12:02:43 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix navbar

Browse source
This commit is contained in:
sinsong 2023-06-27 22:50:21 +08:00
parent 504f00df48
commit 2b8ab19104
4 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/index.html
View file

@ -7,26 +7,7 @@
<title>BioArchLinux packages</title>
</head>
<body>
<!-- ArchLinux Like NavBar -->
<nav>
<div id="logo">
<h1><a href="/" title="Take me home">Bio Arch Linux</a></h1>
</div>
<ul id="navbarlist">
<li><a href="https://bioarchlinux.org/">Home</a></li>
<li><a href="#" class="active">Packages</a></li>
<li><a href="https://matrix.to/#/#bioarchlinux:matrix.org">Chat</a></li>
<li><a href="https://wiki.bioarchlinux.org/">Wiki</a></li>
<li><a href="https://repo.bioarchlinux.org/">Repository</a></li>
<li><a href="https://build.bioarchlinux.org/">Status</a></li>
<li><a href="https://hub.docker.com/r/bioarchlinux/bioarchlinux">Docker</a></li>
<li><a href="https://github.com/BioArchLinux/wsl">WSL</a></li>
</ul>
</nav>
<!-- Vue Render ROOT -->
<div id="app"></div>
<script type="module" src="./src/main.js"></script>
</body>
</html>

6
frontend/src/App.vue
View file

@ -1,6 +1,10 @@
<script setup>
import Navbar from '@/components/Navbar.vue'
</script>
<template>
<router-view></router-view>
<Navbar></Navbar>
<div class="content">
<router-view></router-view>
</div>
</template>

18
frontend/src/components/Navbar.vue Normal file
View file

@ -0,0 +1,18 @@
<template>
<nav>
<div id="logo">
<h1><a href="/" title="Take me home">Bio Arch Linux</a></h1>
</div>
<ul id="navbarlist">
<li><a href="https://bioarchlinux.org/">Home</a></li>
<li><router-link to="/" class="active">Packages</router-link></li>
<li><a href="https://matrix.to/#/#bioarchlinux:matrix.org">Chat</a></li>
<li><a href="https://wiki.bioarchlinux.org/">Wiki</a></li>
<li><a href="https://repo.bioarchlinux.org/">Repository</a></li>
<li><a href="https://build.bioarchlinux.org/">Status</a></li>
<li><a href="https://hub.docker.com/r/bioarchlinux/bioarchlinux">Docker</a></li>
<li><a href="https://github.com/BioArchLinux/wsl">WSL</a></li>
</ul>
</nav>
</template>

2
frontend/src/style/main.scss
View file

@ -9,7 +9,7 @@
padding: 0;
}
#app {
.content {
padding: 15px;
}