fix: fix content style error when footer is not fixed

packages/@core/ui-kit/layout-ui/src/vben-layout.vue

@@ -307,6 +307,7 @@ const tabbarStyle = computed((): CSSProperties => {
 const contentStyle = computed((): CSSProperties => {
   const fixed = headerFixed.value;
 
+  const { footerEnable, footerFixed, footerHeight } = props;
   return {
     marginTop:
       fixed &&
@@ -315,7 +316,7 @@ const contentStyle = computed((): CSSProperties => {
       (!isHeaderAuto.value || scrollY.value < headerWrapperHeight.value)
         ? `${headerWrapperHeight.value}px`
         : 0,
-    paddingBottom: `${props.footerEnable ? props.footerHeight : 0}px`,
+    paddingBottom: `${footerEnable && footerFixed ? footerHeight : 0}px`,
   };
 });
 

packages/@core/ui-kit/tabs-ui/src/widgets/tool-more.vue

@@ -8,7 +8,7 @@ defineProps<DropdownMenuProps>();
 </script>
 
 <template>
-  <VbenDropdownMenu :menus="menus">
+  <VbenDropdownMenu :menus="menus" :modal="false">
     <div
       class="flex-center hover:bg-accent hover:text-foreground text-muted-foreground border-border h-full cursor-pointer border-l px-2 text-lg font-semibold"
     >