feat: some formatting for navbar

This commit is contained in:
jezzahehn 2025-06-03 00:29:52 -04:00
parent 20b9daff89
commit 4f05c3e671

View file

@ -1,8 +1,15 @@
<template> <template>
<div class="min-h-screen flex flex-col" style="gap: 4rem;"><!-- Main application wrapper --> <div class="min-h-screen flex flex-col"><!-- Main application wrapper -->
<nav> <nav class="navbar" role="navigation" aria-label="main navigation">
<RouterLink to="/">Home</RouterLink> <div class="navbar-brand">
<RouterLink to="/resources">Resources</RouterLink> <RouterLink class="navbar-item has-text-weight-bold" to="/">Viossa.net</RouterLink>
</div>
<div class="navbar-menu">
<div class="navbar-start">
<RouterLink class="navbar-item" to="/">What is Viossa?</RouterLink>
<RouterLink class="navbar-item" to="/resources">Resources</RouterLink>
</div>
</div>
</nav> </nav>
<RouterView /> <RouterView />
</div> </div>
@ -10,5 +17,4 @@
<script setup lang="ts"> <script setup lang="ts">
import './assets/style.scss' import './assets/style.scss'
import 'bulma/css/bulma.css'
</script> </script>