feat: some formatting for navbar
This commit is contained in:
parent
20b9daff89
commit
4f05c3e671
1 changed files with 11 additions and 5 deletions
16
src/App.vue
16
src/App.vue
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue