Browse Source

Fixed mobile menu

master
Shyim 6 years ago
parent
commit
aa069629c8
  1. 2
      public/static/js/app.js
  2. 29
      public/theme/src/components/Dashboard/Layout/ContentFooter.vue
  3. 5
      public/theme/src/components/Dashboard/Layout/DashboardLayout.vue
  4. 47
      public/theme/src/components/Dashboard/Layout/MobileMenu.vue

2
public/static/js/app.js

File diff suppressed because one or more lines are too long

29
public/theme/src/components/Dashboard/Layout/ContentFooter.vue

@ -1,20 +1,21 @@ @@ -1,20 +1,21 @@
<template>
<footer class="footer">
<div class="container-fluid">
<nav>
<ul class="footer-menu">
</ul>
</nav>
<div class="copyright text-center">
&copy; Coded with
<i class="fa fa-heart heart"></i> by
<a href="https://github.com/shyim" target="_blank">Shyim</a>
</div>
</div>
</footer>
<footer class="footer">
<div class="container-fluid">
<nav>
<ul class="footer-menu">
</ul>
</nav>
<div class="copyright text-left">
© 2018 ReCast<br>
Theme by
<a href="https://github.com/cristijora" target="_blank">Cristi Jora</a>.
Designed by <a href="https://www.creative-tim.com/?ref=pdf-vuejs" target="_blank">Creative Tim</a>.
</div>
</div>
</footer>
</template>
<script>
export default {}
export default {}
</script>
<style>

5
public/theme/src/components/Dashboard/Layout/DashboardLayout.vue

@ -1,7 +1,6 @@ @@ -1,7 +1,6 @@
<template>
<div class="wrapper">
<side-bar>
<mobile-menu slot="content"></mobile-menu>
<sidebar-link to="/ucp/overview">
<i class="fa fa-line-chart"></i>
<p>Dashboard</p>
@ -29,14 +28,12 @@ @@ -29,14 +28,12 @@
import TopNavbar from './TopNavbar.vue'
import ContentFooter from './ContentFooter.vue'
import DashboardContent from './Content.vue'
import MobileMenu from './MobileMenu.vue'
export default {
components: {
TopNavbar,
ContentFooter,
DashboardContent,
MobileMenu
DashboardContent
},
methods: {
toggleSidebar() {

47
public/theme/src/components/Dashboard/Layout/MobileMenu.vue

@ -1,47 +0,0 @@ @@ -1,47 +0,0 @@
<template>
<ul class="nav nav-mobile-menu">
<drop-down>
<template slot="title">
<i class="fa fa-globe"></i>
<b class="caret"></b>
<span class="notification">5 Notifications</span>
</template>
<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="nc-icon nc-zoom-split hidden-lg-up"></i>
<span class="d-lg-none">Search</span>
</a>
</li>
<drop-down title="Dropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</drop-down>
<li class="nav-item">
<a class="nav-link" href="#pablo">
<span class="no-icon">Log out</span>
</a>
</li>
</ul>
</template>
<script>
import DropDown from 'src/components/UIComponents/Dropdown.vue'
export default {
components: {
DropDown
}
}
</script>
<style>
</style>
Loading…
Cancel
Save