chore: update

src/layout/components/lay-panel/index.vue

@@ -11,13 +11,10 @@ const show = ref<Boolean>(false);
 
 const iconClass = computed(() => {
   return [
-    "w-[22px]",
-    "h-[22px]",
-    "flex",
-    "justify-center",
-    "items-center",
+    "size-5.5",
+    "flex-c",
     "outline-hidden",
-    "rounded-[4px]",
+    "rounded-sm",
     "cursor-pointer",
     "transition-colors",
     "hover:bg-[#0000000f]",

src/layout/components/lay-setting/index.vue

@@ -189,7 +189,7 @@ const getThemeColor = computed(() => {
 });
 
 const pClass = computed(() => {
-  return ["mb-[12px]!", "font-medium", "text-sm", "dark:text-white"];
+  return ["mb-3!", "font-medium", "text-sm", "dark:text-white"];
 });
 
 const themeOptions = computed<Array<OptionsType>>(() => {

src/layout/components/lay-sidebar/components/SidebarCenterCollapse.vue

@@ -18,7 +18,7 @@ const { t } = useI18n();
 const { tooltipEffect } = useNav();
 
 const iconClass = computed(() => {
-  return ["w-[16px]", "h-[16px]"];
+  return ["size-4"];
 });
 
 const { $storage } = useGlobal<GlobalPropertiesApi>();

src/layout/components/lay-sidebar/components/SidebarItem.vue

@@ -71,7 +71,7 @@ const textClass = computed(() => {
     ((layout.value === "vertical" && item.parentId === null) ||
       (layout.value === "mix" && item.pathList.length === 2))
   ) {
-    return `${baseClass} min-w-[54px]! text-center! px-3!`;
+    return `${baseClass} min-w-13.5! text-center! px-3!`;
   }
   return baseClass;
 });

src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue

@@ -21,12 +21,11 @@ const iconClass = computed(() => {
   return [
     "ml-4",
     "mb-1",
-    "w-[16px]",
-    "h-[16px]",
+    "size-4",
     "inline-block!",
     "align-middle",
     "cursor-pointer",
-    "duration-[100ms]"
+    "duration-100"
   ];
 });