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

Modal, navbar, footer adjustments & fixes

Browse Source
This commit is contained in:
cristij 2018-10-18 17:06:13 +03:00
parent 71395c6552
commit 169da17b10
3 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Modal.vue
View File

@ -26,7 +26,7 @@
</slot> </slot>
</div> </div>
<div class="modal-body" :class="bodyClasses"> <div v-if="$slots.default" class="modal-body" :class="bodyClasses">
<slot></slot> <slot></slot>
</div> </div>

40
src/layout/dashboard/ContentFooter.vue
View File

@ -1,26 +1,24 @@
<template> <template>
<footer class="footer"> <footer class="footer">
<div class="container-fluid d-flex flex-wrap justify-content-between"> <div class="container-fluid">
<nav> <ul class="nav">
<ul class="nav"> <li class="nav-item">
<li class="nav-item"> <a class="nav-link" href="http://www.creative-tim.com">
<a class="nav-link" href="http://www.creative-tim.com"> Creative Tim
Creative Tim </a>
</a> </li>
</li> <li class="nav-item">
<li class="nav-item"> <a class="nav-link" href="http://blog.creative-tim.com">
<a class="nav-link" href="http://blog.creative-tim.com"> Blog
Blog </a>
</a> </li>
</li> <li class="nav-item">
<li class="nav-item"> <a class="nav-link" href="http://www.creative-tim.com/license">
<a class="nav-link" href="http://www.creative-tim.com/license"> Licenses
Licenses </a>
</a> </li>
</li> </ul>
</ul> <div class="copyright">
</nav>
<div class="copyright float-right">
© {{year}} made with <i class="tim-icons icon-heart-2"></i> by © {{year}} made with <i class="tim-icons icon-heart-2"></i> by
<a href="https://www.binarcode.com" target="_blank">Binar Code</a>&nbsp;& <a href="https://www.binarcode.com" target="_blank">Binar Code</a>&nbsp;&
<a href="https://www.creative-tim.com" target="_blank">Creative Tim</a> for a better web. <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a> for a better web.

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

@ -1,6 +1,6 @@
<template> <template>
<nav class="navbar navbar-expand-lg navbar-absolute" <nav class="navbar navbar-expand-lg navbar-absolute"
:class="{'bg-white': showMenu}"> :class="{'bg-white': showMenu, 'navbar-transparent': !showMenu}">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-wrapper"> <div class="navbar-wrapper">
<div class="navbar-toggle d-inline" :class="{toggled: $sidebar.showSidebar}"> <div class="navbar-toggle d-inline" :class="{toggled: $sidebar.showSidebar}">
@ -36,12 +36,15 @@
<!-- You can choose types of search input --> <!-- You can choose types of search input -->
</div> </div>
<modal :show.sync="searchModalVisible" <modal :show.sync="searchModalVisible"
class="modal-search"
id="searchModal" id="searchModal"
:centered="false" :centered="false"
:show-close="true"> :show-close="true">
<base-input slot="header" v-model="searchQuery" type="text" id="inlineFormInputGroup" placeholder="SEARCH"/> <input slot="header" v-model="searchQuery" type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
</modal> </modal>
<base-dropdown tag="li" title-tag="a" class="nav-item" menu-on-right> <base-dropdown tag="li"
:menu-on-right="!$rtl.isRTL"
title-tag="a" class="nav-item">
<a slot="title" href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="true"> <a slot="title" href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="true">
<div class="notification d-none d-lg-block d-xl-block"></div> <div class="notification d-none d-lg-block d-xl-block"></div>
<i class="tim-icons icon-sound-wave"></i> <i class="tim-icons icon-sound-wave"></i>
@ -65,7 +68,11 @@
<a href="#" class="nav-item dropdown-item">Another one</a> <a href="#" class="nav-item dropdown-item">Another one</a>
</li> </li>
</base-dropdown> </base-dropdown>
<base-dropdown tag="li" title-tag="a" class="nav-item" menu-classes="dropdown-navbar"> <base-dropdown tag="li"
:menu-on-right="!$rtl.isRTL"
title-tag="a"
class="nav-item"
menu-classes="dropdown-navbar">
<a slot="title" href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="true"> <a slot="title" href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="true">
<div class="photo"> <div class="photo">
<img src="img/anime3.png"> <img src="img/anime3.png">