style

src/hooks/useTheme.ts

@@ -29,7 +29,8 @@ export function useTheme() {
                 heightLarge: '44px',
                 textColorPrimary: '#fff',
                 textColorPressedPrimary: '#fff',
-                textColorFocusPrimary: '#fff'
+                textColorFocusPrimary: '#fff',
+                textColorHoverPrimary: '#fff',
             }
             // Input: {
             //     textColor: '#ffffff'

src/views/chat/index.vue

@@ -557,8 +557,8 @@ function goVip() {
             </div>
         </footer>
 
-        <n-modal v-model:show="showMine" transform-origin="center" class="max-w-xl py-3" style="width: 75%">
-            <n-card :border="false" content-style="padding:0" class="bg-white dark:bg-zinc-800 rounded-lg">
+        <n-modal v-model:show="showMine" transform-origin="center">
+            <n-card :border="false" class="!max-w-xl !rounded-xl">
                 <mine-pannel></mine-pannel>
             </n-card>
         </n-modal>
@@ -570,7 +570,7 @@ function goVip() {
             class="max-w-xl py-3"
             style="width: 75%"
         >
-            <n-card :border="false" content-style="padding:0" class="bg-white dark:bg-zinc-800 rounded-lg">
+            <n-card :border="false">
                 <vip-pannel></vip-pannel>
             </n-card>
         </n-modal>

src/views/page/HomeView.vue

@@ -95,17 +95,9 @@
             </NConfigProvider>
         </div>
 
-        <NConfigProvider
-            :theme="darkTheme"
-            :theme-overrides="{
-                Card: {
-                    borderRadius: '12px'
-                }
-            }"
-            class="w-9/12 max-w-xl"
-        >
-            <n-modal v-model:show="showLogin" transform-origin="center" class="max-w-xl" style="width: 75%">
-                <n-card :border="false">
+        <NConfigProvider :theme="darkTheme">
+            <n-modal v-model:show="showLogin" transform-origin="center">
+                <n-card class="!max-w-xl !rounded-xl">
                     <div class="text-white text-2xl text-center font-bold py-8">登录</div>
                     <div class="max-w-sm my-5 mx-auto pb-16">
                         <login-form @success="onLogin"></login-form>