fix(@vben/web-ele): fixed some style issues in dark mode (#4298)

packages/effects/layouts/src/basic/content/content-spinner.vue

@@ -1,16 +1,12 @@
 <script lang="ts" setup>
-import type { CSSProperties } from 'vue';
-
 import { VbenSpinner } from '@vben-core/shadcn-ui';
 
 import { useContentSpinner } from './use-content-spinner';
 
 defineOptions({ name: 'LayoutContentSpinner' });
 
-defineProps<{ overlayStyle: CSSProperties }>();
-
 const { spinning } = useContentSpinner();
 </script>
 <template>
-  <VbenSpinner :spinning="spinning" :style="overlayStyle" />
+  <VbenSpinner :spinning="spinning" />
 </template>

packages/effects/layouts/src/basic/layout.vue

@@ -295,11 +295,8 @@ const headerSlots = computed(() => {
     <template #content>
       <LayoutContent />
     </template>
-    <template
-      v-if="preferences.transition.loading"
-      #content-overlay="{ overlayStyle }"
-    >
-      <LayoutContentSpinner :overlay-style="overlayStyle" />
+    <template v-if="preferences.transition.loading" #content-overlay>
+      <LayoutContentSpinner />
     </template>
 
     <!-- 页脚 -->

packages/effects/layouts/src/widgets/preferences/blocks/toggle-item.vue

@@ -23,7 +23,9 @@ const modelValue = defineModel<string>();
     class="hover:bg-accent flex w-full items-center justify-between rounded-md px-2 py-2"
     disabled
   >
-    <span class="text-sm"><slot></slot></span>
+    <span class="text-sm">
+      <slot></slot>
+    </span>
     <ToggleGroup
       v-model="modelValue"
       class="gap-2"