fix: modify pageWrapper margin style to keep top, bottom, left, and r…

…ight equal
kirklin · May 14, 2024 · 45fc6e0 · 45fc6e0
1 parent dd3b09b
commit 45fc6e0
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/apps/admin/src/component/PageWrapper/src/PageWrapper.vue b/apps/admin/src/component/PageWrapper/src/PageWrapper.vue
@@ -10,7 +10,7 @@ withDefaults(defineProps<PageWrapperProps>(), {
 
 <template>
   <div class="page-wrapper rounded-2xl w-full h-full min-h-full">
-    <NScrollbar v-if="useScrollbar" content-class="scrollbar-content" class="rounded-2xl">
+    <NScrollbar v-if="useScrollbar" class="rounded-2xl">
       <slot />
     </NScrollbar>
     <slot v-else />
@@ -28,7 +28,8 @@ withDefaults(defineProps<PageWrapperProps>(), {
   width: calc(100% + 8px);
 }
 
-.page-wrapper :deep(.scrollbar-content) {
-  padding-right: 8px;
+.page-wrapper :deep(.ca-scrollbar-container) {
+  width: calc(100% - 8px);
+  border-radius: 1em;
 }
 </style>