style:connections

单贺喜 · 单贺喜 · commit 44ef073fc906 · 2023-06-26T18:26:49.000+08:00
diff --git a/chat2db-client/src/pages/main/connections/index.less b/chat2db-client/src/pages/main/connections/index.less
@@ -44,17 +44,32 @@
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
-    padding: 10px;
+    padding: 8px;
+    margin-bottom: 4px;
     height: 20px;
     border-radius: 8px;
 
+    .menuItemsTitle {
+      flex: 1;
+      width: 0;
+      .f-single-line();
+    }
+  
+    .moreButton{
+      flex-shrink: 0;
+      display: none;
+      transform: rotate(90deg);
+    }
+
     &:hover {
       background-color: var(--color-hover-bg);
       border: var(--border-radius);
+      .moreButton{
+        display: block;
+      }
     }
   }
 
-  .menuItemsTitle {}
 
   .menuItemActive {
     color: var(--color-primary);
@@ -156,7 +171,7 @@
 .databaseItemSpacer {
   flex-grow: 1;
   width: 210px;
-  margin: 10px 20px;
+  margin: 0px 20px;
   padding: 0px 16px;
   box-sizing: border-box;
 }
diff --git a/chat2db-client/src/pages/main/connections/index.tsx b/chat2db-client/src/pages/main/connections/index.tsx
@@ -34,8 +34,6 @@ function Connections(props: IProps) {
   // const [connectionList, setConnectionList] = useState<IConnectionDetails[]>();
   const [curConnection, setCurConnection] = useState<Partial<IConnectionDetails>>({});
 
-
-
   useEffect(() => {
     getConnectionList();
   }, []);
@@ -46,7 +44,6 @@ function Connections(props: IProps) {
       pageSize: 999,
     };
     let res = await connectionService.getList(p)
-    // setConnectionList(res.data);
 
     props.dispatch({
       type: 'connection/setConnectionList',
@@ -94,6 +91,7 @@ function Connections(props: IProps) {
                 <span style={{ marginLeft: '8px' }}>{label}</span>
               </div>
               <Dropdown
+                trigger={['click']}
                 menu={{
                   items: [
                     {
@@ -121,7 +119,9 @@ function Connections(props: IProps) {
                   ],
                 }}
               >
-                <MoreOutlined />
+                <div className={styles.moreButton}>
+                  <Iconfont code="&#xe601;"></Iconfont>
+                </div>
               </Dropdown>
             </div>
           );
@@ -180,7 +180,7 @@ function Connections(props: IProps) {
                 );
               })}
               {
-                Array.from({ length: 20 }).map(t => {
+                Array.from({ length: 5 }).map(t => {
                   return <div className={styles.databaseItemSpacer}></div>
                 })
               }
diff --git a/chat2db-client/src/styles/global.less b/chat2db-client/src/styles/global.less
@@ -21,29 +21,29 @@ input:-webkit-autofill {
   caret-color: var(--color-text); // 光标的颜色
 }
 
-// ::-webkit-scrollbar {
-//   width: 6px;
-//   height: 6px;
-// }
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
 
-// ::-webkit-scrollbar-thumb {
-//   background-color: var(--color-bg);
-//   border-radius: 3px;
-// }
+::-webkit-scrollbar-thumb {
+  background-color: var(--color-fill);
+  border-radius: 3px;
+}
 
-// ::-webkit-scrollbar-button {
-//   width: 0;
-//   height: 0;
-//   background: transparent;
-// }
+::-webkit-scrollbar-button {
+  width: 0;
+  height: 0;
+  background: transparent;
+}
 
-// ::-webkit-scrollbar-track {
-//   background: transparent;
-// }
+::-webkit-scrollbar-track {
+  background: transparent;
+}
 
-// ::-webkit-scrollbar-corner {
-//   background: transparent;
-// }
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
 
 html,
 body,
