chore: update css

packages/business/universal-ui/src/preferences/blocks/layout/footer.vue

@@ -13,9 +13,9 @@ const footerFixed = defineModel<boolean>('footerFixed');
 
 <template>
   <SwitchItem v-model="footerEnable">
-    {{ $t('preferences.footer-visible') }}
+    {{ $t('preferences.footer.visible') }}
   </SwitchItem>
   <SwitchItem v-model="footerFixed" :disabled="!footerEnable">
-    {{ $t('preferences.footer-fixed') }}
+    {{ $t('preferences.footer.fixed') }}
   </SwitchItem>
 </template>

packages/business/universal-ui/src/preferences/blocks/layout/header.vue

@@ -17,19 +17,19 @@ const headerMode = defineModel<LayoutHeaderModeType>('headerMode');
 
 const localeItems: SelectListItem[] = [
   {
-    label: $t('preferences.header-mode-static'),
+    label: $t('preferences.header.mode-static'),
     value: 'static',
   },
   {
-    label: $t('preferences.header-mode-fixed'),
+    label: $t('preferences.header.mode-fixed'),
     value: 'fixed',
   },
   {
-    label: $t('preferences.header-mode-auto'),
+    label: $t('preferences.header.mode-auto'),
     value: 'auto',
   },
   {
-    label: $t('preferences.header-mode-auto-scroll'),
+    label: $t('preferences.header.mode-auto-scroll'),
     value: 'auto-scroll',
   },
 ];

packages/business/universal-ui/src/preferences/blocks/theme/color.vue

@@ -70,12 +70,12 @@ watchEffect(() => {
       >
         <div
           :style="{ backgroundColor: color }"
-          class="h-6 w-6 rounded-md"
+          class="h-5 w-5 rounded-md"
         ></div>
       </div>
     </template>
     <div :style="inputStyle" class="outline-box p-2" @click="selectColor">
-      <div class="flex-center bg-accent relative h-6 w-6 rounded-md">
+      <div class="flex-center bg-accent relative h-5 w-5 rounded-md">
         <MdiEditBoxOutline class="absolute z-10" />
         <input
           ref="colorInput"