fix: fix review

opentiny · Oct 22, 2024 · ec05fec · ec05fec
1 parent 4bb2d24
commit ec05fec
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 15 deletions.
diff --git a/packages/design-core/assets/编辑2.svg → packages/design-core/assets/data-edit.svg b/packages/design-core/assets/编辑2.svg → packages/design-core/assets/data-edit.svg
diff --git a/packages/plugins/bridge/src/BridgeManage.vue b/packages/plugins/bridge/src/BridgeManage.vue
@@ -14,7 +14,7 @@
         :class="['list-item', index === state.activeIndex ? 'active' : '']"
         @click.stop="openEdit(item, index)"
       >
-        <svg-icon name="resources"></svg-icon>
+        <svg-icon name="plugin-icon-sresources"></svg-icon>
         <div class="item-label">{{ item.name }}</div>
         <svg-icon class="setting-icon" name="setting" @click.stop="openEdit(item, index)"></svg-icon>
       </div>
@@ -140,10 +140,12 @@ export default {
     flex: 1;
     border-top: 1px solid var(--ti-lowcode-tabs-border-color);
     overflow: auto;
+    padding: 12px 0;
   }
 
   .list-item {
-    height: 28px;
+    height: 24px;
+    line-height: 24px;
     display: grid;
     grid-template-columns: 16px 1fr auto;
     column-gap: 8px;
@@ -157,8 +159,13 @@ export default {
     &:hover,
     &.active {
       background: var(--ti-lowcode-bridge-list-bg);
+      .setting-icon {
+        display: block;
+      }
     }
-    svg {
+
+    .setting-icon {
+      display: none;
       color: var(--ti-lowcode-toolbar-more-hover-color);
     }
   }

diff --git a/packages/plugins/datasource/src/DataSourceList.vue b/packages/plugins/datasource/src/DataSourceList.vue
@@ -9,14 +9,14 @@
       >
         <div class="item-label">
           <div class="item-name">
-            <svg-button name="plugin-icon-data"> </svg-button>
+            <svg-button name="plugin-icon-data" class="plugin-icon-data"> </svg-button>
             {{ item.name }}
           </div>
           <div class="item-handler">
             <svg-button
               class="set-page"
               tips="编辑静态数据"
-              name="to-edit"
+              name="data-edit"
               v-if="index === state.hoverIndex"
               @mousedown.stop.prevent="openRecordListPanel(item, index)"
             >
@@ -145,9 +145,10 @@ export default {
   .datasource-list-item {
     box-shadow: var(--ti-lowcode-datasource-tabs-border-color) 0, -1px;
     height: 24px;
+    line-height: 24px;
     align-items: center;
     display: grid;
-    padding: 2px 12px 2px 4px;
+    padding: 0 12px;
     position: relative;
     color: var(--ti-lowcode-datasource-common-text-main-color);
     cursor: pointer;
@@ -158,8 +159,6 @@ export default {
     .item-label {
       overflow: hidden;
       text-overflow: ellipsis;
-      margin-left: 10px;
-      line-height: 20px;
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -168,11 +167,17 @@ export default {
         display: flex;
         align-items: center;
       }
+      .plugin-icon-data {
+        margin-right: 8px;
+        width: 18px;
+      }
     }
     .item-handler {
+      height: 24px;
+      line-height: 24px;
       .svg-button {
-        width: 14px;
-        height: 14px;
+        width: 16px;
+        height: 16px;
         margin-top: 6px;
         color: var(--ti-lowcode-datasource-toolbar-more-hover-color);
       }

diff --git a/packages/plugins/datasource/src/Main.vue b/packages/plugins/datasource/src/Main.vue
@@ -164,7 +164,7 @@ export default {
 }
 :deep(.help-box) {
   position: absolute;
-  left: 58px;
+  left: 48px;
   top: 12px;
 }
 :deep(.tiny-button) {

diff --git a/packages/plugins/i18n/src/Main.vue b/packages/plugins/i18n/src/Main.vue
@@ -433,9 +433,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.plugin-panel-i18n {
-  width: 38vw;
-}
 .stripe-tiny-grid {
   word-wrap: break-word;
   #empty-loading-box {

diff --git a/packages/plugins/page/src/PageTree.vue b/packages/plugins/page/src/PageTree.vue
@@ -377,6 +377,12 @@ export default {
   }
 }
 
+.page-manage-collapse.page-manage-collapse {
+  :deep(.tiny-collapse-item__content) {
+    padding-top: 0;
+  }
+}
+
 .app-manage-tree {
   :deep(.label) {
     margin-right: 10px;
@@ -461,6 +467,7 @@ export default {
         max-width: 160px;
         overflow: hidden;
         text-overflow: ellipsis;
+        font-size: 12px;
       }
     }
 

diff --git a/packages/theme/light/variable.less b/packages/theme/light/variable.less
@@ -119,7 +119,7 @@
   // 头部工具栏更多more图标颜色
   --ti-lowcode-toolbar-more-color: #000;
   // 头部工具栏更多more图标hover颜色
-  --ti-lowcode-toolbar-more-hover-color: #666;
+  --ti-lowcode-toolbar-more-hover-color: var(--te-common-icon-secondary);
 
   // 头部工具栏面包屑字体颜色
   --ti-lowcode-toolbar-breadcrumb-color: var(--ti-lowcode-base-gray-60);