tobi/vue-black-dash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix navbar

Browse Source
This commit is contained in:
cristij 2018-08-19 21:42:37 +03:00
parent d3bef2c35d
commit 360f9361fb
1 changed files with 28 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/layout/dashboard/TopNavbar.vue
View File

@ -1,42 +1,38 @@
<template> <template>
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="#">{{routeName}}</a> <div class="navbar-wrapper">
<button class="navbar-toggler navbar-burger" <div class="navbar-toggle d-inline">
type="button" <button type="button" class="navbar-toggler">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<a class="navbar-brand" href="#pablo">{{routeName}}</a>
</div>
<button class="navbar-toggler" type="button"
data-toggle="collapse"
@click="toggleSidebar" @click="toggleSidebar"
:aria-expanded="$sidebar.showSidebar" :aria-expanded="$sidebar.showSidebar"
data-target="#navigation"
aria-controls="navigation-index"
aria-label="Toggle navigation"> aria-label="Toggle navigation">
<span class="navbar-toggler-bar"></span> <span class="navbar-toggler-bar navbar-kebab"></span>
<span class="navbar-toggler-bar"></span> <span class="navbar-toggler-bar navbar-kebab"></span>
<span class="navbar-toggler-bar"></span> <span class="navbar-toggler-bar navbar-kebab"></span>
</button> </button>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto ">
<li class="nav-item"> <div class="search-bar input-group">
<a href="#" class="nav-link"> <!-- <input type="text" class="form-control" placeholder="Search...">
<i class="ti-panel"></i> <div class="input-group-addon"><i class="tim-icons icon-zoom-split"></i></div> -->
<p>Stats</p> <button class="btn btn-link" id="search-button" data-toggle="modal" data-target="#searchModal">
</a> <i class="tim-icons icon-zoom-split"></i>
</li> </button>
<drop-down class="nav-item" <!-- You can choose types of search input -->
title="5 Notifications" </div>
title-classes="nav-link"
icon="ti-bell">
<a class="dropdown-item" href="#">Notification 1</a>
<a class="dropdown-item" href="#">Notification 2</a>
<a class="dropdown-item" href="#">Notification 3</a>
<a class="dropdown-item" href="#">Notification 4</a>
<a class="dropdown-item" href="#">Another notification</a>
</drop-down>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="ti-settings"></i>
<p>
Settings
</p>
</a>
</li>
</ul> </ul>
</div> </div>
</div></nav> </div></nav>