From eae2b3e94473c72ada974948df3ff55f607b64c4 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 15 Jul 2025 18:13:06 +0800
Subject: [PATCH] style: scrollbar for authorizedWorkspaceDialog

---
 .../system-shared/AuthorizedWorkspaceDialog.vue     | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
index 42a92ed32..08c258784 100644
--- a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
+++ b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
@@ -12,12 +12,12 @@
     </el-radio-group>
     <p class="mb-8 lighter mt-16">{{ $t('views.shared.select_workspace') }}</p>
     <div class="flex border" v-loading="loading">
-      <div class="p-16 border-r">
+      <div class="border-r">
         <el-input
           v-model="search"
           :validate-event="false"
           :placeholder="$t('common.search')"
-          style="width: 364px"
+          style="width: 364px; padding: 16px 16px 0 16px;"
           clearable
         >
           <template #prefix>
@@ -29,6 +29,7 @@
         <div class="mt-8">
           <el-checkbox
             class="mb-8"
+            style="margin-left: 16px;"
             v-model="checkAll"
             :indeterminate="isIndeterminate"
             @change="handleCheckAllChange"
@@ -36,6 +37,7 @@
           >
             {{ $t('views.shared.allCheck') }}
           </el-checkbox>
+          <el-scrollbar max-height="205" wrap-class="p-16 pt-0">
           <el-checkbox-group
             class="checkbox-group-block"
             v-model="checkedWorkspace"
@@ -53,10 +55,11 @@
               </div>
             </el-checkbox>
           </el-checkbox-group>
+          </el-scrollbar>
         </div>
       </div>
-      <div class="p-16 w-full">
-        <div class="flex-between mb-16">
+      <div class="w-full">
+        <div class="flex-between p-16">
           <span class="lighter">
             {{ $t('common.selected') }}: {{ checkedWorkspace.length }} 个
           </span>
@@ -65,6 +68,7 @@
             {{ $t('common.clear') }}
           </el-button>
         </div>
+        <el-scrollbar max-height="250" wrap-class="p-16 pt-0">
         <template v-for="ele in checkedWorkspace">
           <div class="flex-between">
             <div class="flex align-center">
@@ -78,6 +82,7 @@
             </el-button>
           </div>
         </template>
+        </el-scrollbar>
       </div>
     </div>