(Permission Configuration): Select the data table, scroll the middle content area to the bottom, and keep a distance of 24px from the button bar.

Author: dataeaseShu

frontend/src/i18n/en.json

@@ -595,6 +595,7 @@
     "welcome_message": "Welcome Message",
     "the_product_logo": "Welcome Message below the product logo",
     "screen_customization_supported": "Defaults to the SQLBot login screen; customization supported",
+    "screen_customization_settings": "The default is the SQLBot platform interface, which supports custom settings",
     "platform_settings": "Platform Settings",
     "help_documentation": "Help Documentation",
     "show_about": "Show About",

frontend/src/i18n/zh-CN.json

@@ -595,6 +595,7 @@
     "welcome_message": "欢迎语",
     "the_product_logo": "产品 Logo 下的 欢迎语",
     "screen_customization_supported": "默认为 SQLBot 登录界面，支持自定义设置",
+    "screen_customization_settings": "默认为 SQLBot 平台界面，支持自定义设置",
     "platform_settings": "平台设置",
     "help_documentation": "帮助文档",
     "show_about": "显示关于",

frontend/src/views/chat/RecommendQuestion.vue

@@ -154,7 +154,7 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop })
 
 <template>
   <div v-if="computedQuestions.length > 0 || loading" class="recommend-questions">
-    <div v-if="firstChat">{{ t('qa.guess_u_ask') }}</div>
+    <div v-if="firstChat" style="margin-bottom: 8px">{{ t('qa.guess_u_ask') }}</div>
     <div v-else class="continue-ask">{{ t('qa.continue_to_ask') }}</div>
     <div v-if="loading">
       <el-button style="min-width: unset" type="primary" link loading />

frontend/src/views/chat/index.vue

@@ -963,7 +963,7 @@ onMounted(() => {
         padding-top: 12px;
         padding-left: 12px;
         z-index: 10;
-        background: #f8f9fa;
+        background: transparent;
         line-height: 22px;
         font-size: 14px;
         font-weight: 400;
@@ -1103,7 +1103,7 @@ onMounted(() => {
     .greeting-btn {
       width: 100%;
       height: 88px;
-
+      border-radius: 16px;
       border-style: dashed;
 
       .inner-icon {

frontend/src/views/ds/DataTable.vue

@@ -709,7 +709,7 @@ const btnSelectClick = (val: any) => {
             align-items: center;
             min-height: 24px;
             .notes-in_table {
-              max-width: 192px;
+              max-width: 100%;
               display: -webkit-box;
               max-height: 66px;
               -webkit-box-orient: vertical;

frontend/src/views/ds/DatasourceForm.vue

@@ -873,16 +873,17 @@ defineExpose({
     }
   }
   .select-data_table {
+    padding-bottom: 24px;
     .title {
       font-weight: 500;
       font-size: 16px;
       line-height: 24px;
       margin: 0 0 16px 0;
     }
     .container {
-      height: 524px;
       border: 1px solid #dee0e3;
       border-radius: 4px;
+      overflow-y: auto;
 
       .select-all {
         background: #f5f6f7;

frontend/src/views/system/appearance/index.vue

@@ -179,7 +179,7 @@
                 </div>
                 <div class="tips-page">
                   {{
-                    t('system.screen_customization_supported', { msg: loginForm.name || 'SQLBot' })
+                    t('system.screen_customization_settings', { msg: loginForm.name || 'SQLBot' })
                   }}
                 </div>
               </div>

frontend/src/views/system/permission/index.vue

@@ -948,7 +948,8 @@ const columnRules = {
   .drawer-content {
     width: 800px;
     margin: 0 auto;
-    height: calc(100% - 20px);
+    height: calc(100% - 8px);
+    overflow-y: auto;
   }
 
   .drawer-content {
@@ -958,13 +959,14 @@ const columnRules = {
       }
     }
     .add-permission_form {
+      margin-bottom: 0;
       .ed-form-item__label {
         width: 100%;
         padding-right: 0;
       }
 
       .ed-form-item__content {
-        padding-bottom: 100px;
+        padding-bottom: 0px;
       }
 
       .table-content {
@@ -975,7 +977,6 @@ const columnRules = {
         border-bottom: none;
         border-radius: 6px;
         overflow-y: auto;
-        max-height: calc(100vh - 400px);
 
         &.border-bottom {
           border-bottom: 1px solid #1f232926;

frontend/src/views/system/workspace/index.vue

@@ -582,6 +582,7 @@ const handleCurrentChange = (val: number) => {
       align-items: center;
       justify-content: space-between;
       padding: 8px;
+      font-weight: 500;
 
       .ed-icon {
         cursor: pointer;