Kaynağa Gözat

fix(Admin): Sidebar overlays mobile nav dropdown

Owen Diffey 3 yıl önce
ebeveyn
işleme
5ed6909f2a
1 değiştirilmiş dosya ile 13 ekleme ve 1 silme
  1. 13 1
      frontend/src/pages/Admin/index.vue

+ 13 - 1
frontend/src/pages/Admin/index.vue

@@ -1,7 +1,10 @@
 <template>
 	<div class="app">
 		<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-sidebar"
@@ -452,6 +455,15 @@ export default {
 		flex-direction: column;
 		min-height: 100vh;
 
+		:deep(.nav) {
+			.nav-menu.is-active {
+				left: 45px;
+			}
+			&.admin-sidebar-active .nav-menu.is-active {
+				left: 200px;
+			}
+		}
+
 		.admin-sidebar {
 			display: flex;
 			min-width: 200px;