Change routing structure

wsenfuma · Jun 5, 2018 · 2021579 · 2021579
1 parent 63b6f26
commit 2021579
Show file tree

Hide file tree

Showing 9 changed files with 330 additions and 316 deletions.
diff --git a/src/components/admin/AppLayout.vue b/src/components/admin/AppLayout.vue
@@ -1,15 +1,15 @@
 <template>
   <vuestic-layout>
-    <app-navbar slot="navbar-section" :value="opened" @toggle-menu="toggleSidebar"/>
-    <app-sidebar slot="sidebar-section" :opened="opened"/>
-    <div slot="content-section" class="content-wrap" id="content-wrap">
+    <app-navbar slot="navbar" :value="opened" @toggle-menu="toggleSidebar"/>
+    <app-sidebar slot="sidebar" :opened="opened"/>
+    <div slot="content" class="content-wrap" id="content-wrap">
       <main id="content" class="content" role="main">
         <vuestic-breadcrumbs :breadcrumbs="breadcrumbs"/>
         <vuestic-pre-loader v-show="isLoading" ref="preLoader" class="pre-loader"></vuestic-pre-loader>
         <router-view></router-view>
       </main>
     </div>
-    <div slot="footer-section" class="made-by-footer">
+    <div slot="footer" class="made-by-footer">
       ©2018. Made by&nbsp;<a href="http://epicmax.co" target="_blank">Epicmax </a>
     </div>
   </vuestic-layout>

diff --git a/src/components/admin/app-navbar/components/HeaderSelector.vue b/src/components/admin/app-navbar/components/HeaderSelector.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="header-selector-container"
+  <span class="header-selector"
        :class="{ 'i-menu-expanded': !value, 'i-menu-collapsed': value }"
        @click="onClick()"
   />
@@ -24,13 +24,11 @@
 
 <style lang="scss">
 
-  .header-selector-container {
+  .header-selector {
     display: flex;
     justify-content: center;
     align-items: center;
-    i:hover {
-      cursor: pointer;
-    }
+    cursor: pointer;
   }
 
 </style>
diff --git a/src/components/admin/app-navbar/components/dropdowns/LanguageDropdown.vue b/src/components/admin/app-navbar/components/dropdowns/LanguageDropdown.vue
@@ -4,8 +4,11 @@
       <span class="flag-icon flag-icon-large" :class="flagIconClass(currentLanguage())"></span>
     </a>
     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-      <a class="dropdown-item" :class="{ active: option.code === currentLanguage() }"
-        v-for="(option, id) in options" :key="id" @click="setLanguage(option.code)">
+      <a class="dropdown-item"
+         :class="{ active: option.code === currentLanguage() }"
+         v-for="(option, id) in options"
+         :key="id"
+         @click="setLanguage(option.code)">
         <span class="flag-icon flag-icon-small" :class="flagIconClass(option.code)"></span>
         <span class="dropdown-item-text ellipsis">
           {{ `language.${option.name}` | translate }}