QT-47 Update css

views/src/components/admin/ManagementAdmin.vue

@@ -38,36 +38,4 @@
   * {
     overflow: hidden;
   }
-
-  .show {
-    display: block;
-  }
-
-  .hide {
-    display: none;
-  }
-
-  .content-management {
-    margin-left: 40px;
-  }
-
-  .btn-collapse-nav-left {
-    background-color: #bf1e2d;
-    color: #ffff;
-    width: 30px;
-    height: 100vh;
-    position: absolute;
-    margin-right: 10px;
-  }
-
-  .title-managenent-type {
-    margin-left: 60px;
-  }
-
-  .text-rotate {
-    width: max-content;
-    -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-    transform: translateX(-50%) translateY(-50%) rotate(90deg);
-  }
 </style>

views/src/components/admin/create-order/CreateOrderAdmin.vue

@@ -3,7 +3,10 @@
         <div class="container-fluid d-flex m-0 p-0">
             <NavbarLeftAdmin />
             <div class="content-managment">
-                <h1>Create order</h1>
+                <h4 class="title-management">
+                    Tạo đơn hàng mới
+                </h4>
+                <hr>
             </div>
         </div>
     </div>

views/src/components/admin/customer/ManagementCustomerAdmin.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="admin-management">
+        <div class="container-fluid d-flex m-0 p-0">
+            <NavbarLeftAdmin />
+            <div class="content-managment">
+                <h4 class="title-management">
+                    Danh sách khách hàng
+                </h4>
+                <hr>
+            </div>
+
+        </div>
+    </div>
+</template>
+
+<script>
+    import NavbarLeftAdmin from "@/components/common/NavbarLeftAdmin.vue";
+
+    // import moment from "moment";
+    // import { commonFunction } from "@/scripts/ulti";
+    // import axios from "axios";
+    import { useCookies } from "vue3-cookies";
+
+    export default {
+        components: {
+            NavbarLeftAdmin,
+        },
+        setup() {
+            const { cookies } = useCookies();
+            return {
+                cookies,
+            };
+        },
+
+        data() {
+            return {
+            };
+        },
+
+        // <data, methods...>
+
+        mounted() {
+
+        },
+        watch: {
+        },
+    };
+</script>
+
+<style scoped>
+
+</style>

views/src/components/common/NavbarAdminItem.vue

@@ -51,7 +51,7 @@
         Khách hàng
       </a>
       <div class="list-group" :class="isShowItemNav2 ? 'show' : 'hide'">
-        <a href="#" class="list-group-item list-group-item-action">Thông tin Khách hàng</a>
+        <a href="/admin/management/customer" class="list-group-item list-group-item-action">Thông tin Khách hàng</a>
       </div>
 
       <!-- group 5-->

views/src/components/common/NavbarLeftAdmin.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="navbar-admin d-inline">
+    <div class="navbar-admin d-inline" :class="isShowNav ? 'default' : 'me-5'">
         <button class="btn btn-collapse-nav-left" :class="isShowNav ? 'hide' : 'show'"
             v-on:click="toggleCollapseNavbarLeft">
             <i class="fa-solid fa-caret-right"></i>

views/src/router/router.js

@@ -14,6 +14,7 @@ import OrderDetailCustomer from '@/components/order/OrderDetail.vue'
 import ManagementAdmin from '@/components/admin/ManagementAdmin.vue'
 import ManagementOrderAdmin from '@/components/admin/order/ManagementOrderAdmin.vue'
 import CreateOrderAdmin from '@/components/admin/create-order/CreateOrderAdmin.vue'
+import ManagementCustomerAdmin from '@/components/admin/customer/ManagementCustomerAdmin.vue'
 
 const history = createWebHistory();
 const router = createRouter({
@@ -33,7 +34,8 @@ const router = createRouter({
         {path: '/client/orders/detail/:customerId/:orderId', component: OrderDetailCustomer},
         {path: '/admin/management', component: ManagementAdmin},
         {path: '/admin/management/order/:status', component: ManagementOrderAdmin},
-        {path: '/admin/management/create-order', component: CreateOrderAdmin}
+        {path: '/admin/management/create-order', component: CreateOrderAdmin},
+        {path: '/admin/management/customer', component: ManagementCustomerAdmin},
     ]
 });
 

views/src/style/scss/admin.scss

@@ -11,7 +11,6 @@
   }
 
   .content-management {
-    margin-left: 40px;
   }
 
   .btn-collapse-nav-left {
@@ -34,4 +33,10 @@
     transform: translateX(-50%) translateY(-50%) rotate(90deg);
   }
 
+  .content-managment{
+    width: 100%;
+    margin-top: 1px;
+    margin-right: 5px;
+  }
+
 //   sass src/style/scss/admin.scss src/style/css/admin.css