fix(projects): fix scrollbar style

package.json

@@ -56,9 +56,9 @@
     "cross-env": "7.0.3",
     "eslint-config-sa": "workspace:*",
     "npm-run-all": "4.1.5",
+    "sass": "^1.69.5",
     "simple-git-hooks": "2.9.0",
     "typescript": "5.2.2",
-    "unocss-preset-scrollbar": "0.3.0",
     "unplugin-icons": "0.17.3",
     "unplugin-vue-components": "0.25.2",
     "vite": "4.5.0",

packages/materials/src/index.ts

@@ -1,7 +1,7 @@
-import AdminLayout from './libs/admin-layout';
+import AdminLayout, { LAYOUT_SCROLL_EL_ID, LAYOUT_MAX_Z_INDEX } from './libs/admin-layout';
 import PageTab from './libs/page-tab';
 import SimpleScrollbar from './libs/simple-scrollbar';
 import ColorPicker from './libs/color-picker';
 
-export { AdminLayout, PageTab, SimpleScrollbar, ColorPicker };
+export { AdminLayout, LAYOUT_SCROLL_EL_ID, LAYOUT_MAX_Z_INDEX, PageTab, SimpleScrollbar, ColorPicker };
 export * from './types';

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

@@ -1,3 +1,5 @@
 import AdminLayout from './index.vue';
+import { LAYOUT_SCROLL_EL_ID, LAYOUT_MAX_Z_INDEX } from './shared';
 
 export default AdminLayout;
+export { LAYOUT_SCROLL_EL_ID, LAYOUT_MAX_Z_INDEX };

packages/materials/src/libs/simple-scrollbar/index.vue

@@ -8,9 +8,11 @@ defineOptions({
 </script>
 
 <template>
-  <Simplebar class="h-full">
-    <slot />
-  </Simplebar>
+  <div class="flex-1-hidden h-full">
+    <Simplebar class="h-full">
+      <slot />
+    </Simplebar>
+  </div>
 </template>
 
 <style scoped></style>