|
@@ -1,7 +1,10 @@
|
|
<template>
|
|
<template>
|
|
<div class="app">
|
|
<div class="app">
|
|
<div class="admin-area">
|
|
<div class="admin-area">
|
|
- <main-header :hide-logo="true" />
|
|
|
|
|
|
+ <main-header
|
|
|
|
+ :hide-logo="true"
|
|
|
|
+ :class="{ 'admin-sidebar-active': sidebarActive }"
|
|
|
|
+ />
|
|
<div class="admin-content">
|
|
<div class="admin-content">
|
|
<div
|
|
<div
|
|
class="admin-sidebar"
|
|
class="admin-sidebar"
|
|
@@ -452,6 +455,15 @@ export default {
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
|
|
|
|
|
+ :deep(.nav) {
|
|
|
|
+ .nav-menu.is-active {
|
|
|
|
+ left: 45px;
|
|
|
|
+ }
|
|
|
|
+ &.admin-sidebar-active .nav-menu.is-active {
|
|
|
|
+ left: 200px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
.admin-sidebar {
|
|
.admin-sidebar {
|
|
display: flex;
|
|
display: flex;
|
|
min-width: 200px;
|
|
min-width: 200px;
|