From 14c00a908107a1271424c48fdc26fcf88cb16d55 Mon Sep 17 00:00:00 2001
From: Kaifuny <superbiger.github@gmail.com>
Date: Fri, 28 Jul 2023 09:24:37 +0800
Subject: [PATCH] fix: bg color

Signed-off-by: Kaifuny <superbiger.github@gmail.com>
---
 .../shared/ui/src/layouts/IndexLayout.vue         |  2 +-
 .../shared/ui/src/layouts/MenusLayout.vue         | 15 +++++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/contact-frontend/packages/shared/ui/src/layouts/IndexLayout.vue b/contact-frontend/packages/shared/ui/src/layouts/IndexLayout.vue
index 81665da9..c508dae5 100644
--- a/contact-frontend/packages/shared/ui/src/layouts/IndexLayout.vue
+++ b/contact-frontend/packages/shared/ui/src/layouts/IndexLayout.vue
@@ -2,7 +2,7 @@
 import { RouterView } from 'vue-router'
 </script>
 <template>
-  <div class="w-full h-full bg-gray-100">
+  <div class="w-full h-full bg-white">
     <router-view></router-view>
   </div>
 </template>
diff --git a/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue b/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
index 4ba0d894..2fc03878 100644
--- a/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
@@ -6,7 +6,6 @@ import {
   NPageHeader,
   NSpace,
   NButton,
-  NDropdown,
   NWatermark,
   NIcon,
 } from 'naive-ui'
@@ -44,7 +43,7 @@ defineProps({
 defineEmits(['update:collapsed'])
 </script>
 <template>
-  <n-layout has-sider class="h-full">
+  <n-layout has-sider class="h-full bg-white">
     <n-watermark
       v-if="isWatermarkMode"
       :content="watermarkLabel"
@@ -57,8 +56,9 @@ defineEmits(['update:collapsed'])
       :x-offset="12"
       :y-offset="60"
       :rotate="-15"
-    />
+    ></n-watermark>
     <n-layout-sider
+      class="bg-white"
       :collapsed-width="64"
       :width="280"
       :collapsed="collapsed"
@@ -75,19 +75,14 @@ defineEmits(['update:collapsed'])
     >
       <n-page-header :subtitle="pageSubtitle">
         <template #avatar>
-          <n-icon size="large" :component="pageIcon" />
+          <n-icon size="large" :component="pageIcon"></n-icon>
         </template>
         <template #title>
-          <a style="text-decoration: none; color: inherit">{{ pageTitle }}</a>
+          <a>{{ pageTitle }}</a>
         </template>
         <template #extra>
           <n-space>
             <n-button size="tiny">Button</n-button>
-            <n-dropdown placement="bottom-start">
-              <n-button :bordered="false" style="padding: 0 4px">
-                ···
-              </n-button>
-            </n-dropdown>
           </n-space>
         </template>
       </n-page-header>