riyyi/website-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dump bootstrap-vue-next integration package, use regular bootstrap

Browse Source
This commit is contained in:
Riyyi
2025-03-31 17:35:39 +02:00
parent 86e08604dd
commit 8c68390c07
7 changed files with 64 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Shared/NavMenu.vue
+23 -28
View File
@@ -1,32 +1,27 @@
<template>
<BNavbar v-b-color-mode="'dark'" toggleable="lg" variant="dark" fixed="top">
<BNavbarBrand to="/">
<IFaHome /> Home
</BNavbarBrand>
<BNavbarToggle target="nav-collapse" />
<BCollapse id="nav-collapse" is-nav>
<!-- Left aligned nav items -->
<BNavbarNav>
<BNavItem to="/articles">Articles</BNavItem>
<BNavItem to="/todos">Todos</BNavItem>
</BNavbarNav>
<!-- Right aligned nav items -->
<BNavbarNav class="ms-auto mb-2 mb-lg-0">
<BNavItem href="https://git.riyyi.com/riyyi" target="_blank">
<IFaCoffee /> Gitea
</BNavItem>
<BNavItem href="https://github.com/riyyi" target="_blank">
<IFaGithub /> Github
</BNavItem>
<BNavItem href="https://gitlab.com/riyyi" target="_blank">
<IFaGitlab /> Gitlab
</BNavItem>
<BNavItem href="https://linkedin.com/in/rickvanvonderen" target="_blank">Linked
<IFaLinkedinSquare />
</BNavItem>
</BNavbarNav>
</BCollapse>
</BNavbar>
<nav class="navbar navbar-expand-lg fixed-top bg-dark" data-bs-theme="dark">
<div class="container-fluid">
<NuxtLink class="navbar-brand" to="/"><IFaHome /> Home</NuxtLink>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<!-- Left aligned nav items -->
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll">
<li class="nav-item"><NuxtLink to="/articles" class="nav-link">Articles</NuxtLink></li>
<li class="nav-item"><NuxtLink to="/todos" class="nav-link">Todos</NuxtLink></li>
</ul>
<!-- Right aligned nav items -->
<ul class="navbar-nav">
<li class="nav-item"><a href="https://git.riyyi.com/riyyi" class="nav-link" target="_blank">Gitea <IFaCoffee /></a></li>
<li class="nav-item"><a href="https://github.com/riyyi" class="nav-link" target="_blank">Github <IFaGithub /></a></li>
<li class="nav-item"><a href="https://gitlab.com/riyyi" class="nav-link" target="_blank">Gitlab <IFaGitlab /></a></li>
<li class="nav-item"><a href="https://linkedin.com/in/rickvanvonderen" class="nav-link" target="_blank">Linked<IFaLinkedinSquare /></a></li>
</ul>
</div>
</div>
</nav>
</template>
<style scoped>