bartvdbraak/SlayerWeightCalculator
1
0
Fork 0
mirror of https://github.com/bartvdbraak/SlayerWeightCalculator.git synced 2025-07-07 11:49:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

responsive nav + hamburger menu

Browse source
This commit is contained in:
Bart van der Braak 2020-02-01 01:39:15 +01:00
parent e7fb7c26f5
commit 7eed638ac0
7 changed files with 273 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/LeftNav.vue
View file

@ -1,5 +1,5 @@
<template >
<nav class="col-md-2 d-none d-md-block bg-light sidebar" @click="activate">
<nav class="col-md-2 d-md-block bg-light sidebar" @click="activate">
<div class="sidebar-sticky">
<ul class="nav flex-column mb-2">
<NavItem v-for="link in links" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :to="link.to"/>
@ -68,6 +68,7 @@ export default {
z-index: 100; /* Behind the navbar */
padding: 48px 0 0; /* Height of navbar */
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
width: 250px;
}
.sidebar-sticky {