fix(layout): 更新移动侧边栏样式以支持深色模式

.env

@@ -3,3 +3,4 @@ VITE_APP_BASE=/
 VITE_APP_BUILD_SOURCE_MAP=true
 VITE_APP_BUILD_COMMIT=
 VITE_APP_BUILD_TIME=
+VITE_ENABLE_VUE_DEVTOOLS=true

packages/materials/src/libs/admin-layout/index.vue

@@ -185,7 +185,7 @@ function handleClickMask() {
       <!-- Mobile Sider -->
       <template v-if="showMobileSider">
         <aside
-          class="absolute left-0 top-0 h-full w-0 bg-white"
+          class="absolute left-0 top-0 h-full w-0 bg-white dark:bg-gray-800"
           :class="[
             commonClass,
             mobileSiderClass,

vite.config.plugins.ts

@@ -30,7 +30,13 @@ import { ViteWebfontDownload } from 'vite-plugin-webfont-dl';
 import VueMacros from 'vue-macros/vite';
 import { IndexHtmlPlugin } from './vite.config.plugin.index-html-plugin';
 
-export function Plugins({ mode }: { mode: string }): PluginOption[] {
+export function Plugins({
+  mode,
+  env,
+}: {
+  mode: string;
+  env: Record<string, string>;
+}): PluginOption[] {
   const plugins: PluginOption[] = [
     VueMacros({
       plugins: {
@@ -165,8 +171,11 @@ export function Plugins({ mode }: { mode: string }): PluginOption[] {
     );
   }
 
+  if (env.VITE_ENABLE_VUE_DEVTOOLS === 'true') {
+    plugins.push(vueDevTools());
+  }
+
   plugins.push(
-    vueDevTools(),
     // https://vite-plugin-checker.netlify.app/introduction/introduction.html
     checker({
       eslint: {

vite.config.ts

@@ -82,7 +82,7 @@ export default defineConfig(({ command, mode }) => {
         },
       },
     },
-    plugins: Plugins({ mode }),
+    plugins: Plugins({ mode, env }),
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url)),