style: electron win

shanhexi · shanhexi · commit 63e512c68d01 · 2024-01-09T19:16:06.000+08:00
diff --git a/chat2db-client/src/blocks/AppTitleBar/index.less b/chat2db-client/src/blocks/AppTitleBar/index.less
@@ -1,7 +1,7 @@
 @import '../../styles/var.less';
 
 .appTitleBar {
-  background-color: var(--color-primary-bg);
+  background-color: var(--color-bg-subtle);
   -webkit-app-region: drag;
   -webkit-user-select: none;
   border-bottom: 1px solid var(--color-border);
@@ -18,8 +18,9 @@
     height: 100%;
     .appName {
       flex: 1;
-      text-align: center;
+      text-align: start;
       font-weight: bold;
+      padding-left: 6px;
     }
     .rightSlot,.leftSlot{
       height: 100%;
diff --git a/chat2db-client/src/blocks/AppTitleBar/index.tsx b/chat2db-client/src/blocks/AppTitleBar/index.tsx
@@ -23,7 +23,7 @@ export default memo<IProps>((props) => {
     return window.electronApi?.getPlatform().isMac;
   }, []);
 
-  // const isWin = true;
+  // const isMac = false;
 
   const handleDoubleClick = () => {
     window.electronApi?.setMaximize();
@@ -49,22 +49,22 @@ export default memo<IProps>((props) => {
   return (
     <div className={classnames(styles.appTitleBar, className)} onDoubleClick={handleDoubleClick}>
       <div className={styles.appTitleBarGlobal}>
-        <div className={classnames({ [styles.windowsSpacer]: (!isMac && isMac !== void 0) }, styles.leftSlot)}>
-          {(!isMac && isMac !== void 0) && <BrandLogo size={20} className={styles.brandLogo} />}
+        <div className={classnames(styles.leftSlot)}>
+          <BrandLogo size={20} className={styles.brandLogo} />
         </div>
-        <div className={styles.appName}>Chat2DB Community</div>
+        <div className={styles.appName}>Chat2DB</div>
         <div className={styles.rightSlot}>{appTitleBarRightComponent}</div>
       </div>
       {(!isMac && isMac !== void 0) && (
         <div className={styles.windowsCloseBar}>
           <div className={styles.windowsCloseBarItem} onClick={handelMinimizeWindow}>
-            <Iconfont size={16} code="&#xe671;" />
+            <Iconfont size={13} code="&#xe671;" />
           </div>
           <div className={styles.windowsCloseBarItem} onClick={handelMaximize}>
-            {isMaximized ? <Iconfont code="&#xe66e;" /> : <Iconfont code="&#xe66b;" />}
+            {isMaximized ? <Iconfont size={13} code="&#xe66e;" /> : <Iconfont size={12} code="&#xe66b;" />}
           </div>
           <div className={styles.windowsCloseBarItem} onClick={handelCloseWindow}>
-            <Iconfont code="&#xe66f;" />
+            <Iconfont size={12} code="&#xe66f;" />
           </div>
         </div>
       )}
diff --git a/chat2db-client/src/components/CustomLayout/index.less b/chat2db-client/src/components/CustomLayout/index.less
@@ -3,11 +3,12 @@
 .customLayout {
   display: flex;
   align-items: center;
+  margin: 0px -3px;
   .iconPanel {
     display: flex;
     align-items: center;
     justify-content: center;
-    margin: 0px 5px;
+    margin: 0px 3px;
     border-radius: 3px;
     height: 20px;
     width: 20px;
@@ -16,7 +17,8 @@
       background-color: var(--color-hover-bg);  
     }
     i {
-      font-size: 18px;
+      font-size: 15px;
+      color: var(--color-text-secondary);
     }
   }
 }
diff --git a/chat2db-client/src/pages/main/index.less b/chat2db-client/src/pages/main/index.less
@@ -15,7 +15,7 @@
   justify-content: space-between;
   align-items: center;
   width: 52px;
-  padding-top: 20px;
+  padding-top: 10px;
   background-color: var(--color-bg-subtle);
   border-right: 1px solid var(--color-border-secondary);
   user-select: none;
diff --git a/chat2db-client/src/pages/main/index.tsx b/chat2db-client/src/pages/main/index.tsx
@@ -188,7 +188,7 @@ function MainPage() {
   return (
     <div className={styles.page}>
       <div className={styles.layoutLeft}>
-        {(isMac || isMac === void 0) && <BrandLogo size={40} className={styles.brandLogo} />}
+        {/* {(isMac || isMac === void 0) && <BrandLogo size={40} className={styles.brandLogo} />} */}
         <ul className={styles.navList}>
           {navConfig.map((item) => {
             return (

Original file line number	Diff line number	Diff line change
`@@ -3,11 +3,12 @@`
`3`	`3`	`.customLayout {`
`4`	`4`	`display: flex;`
`5`	`5`	`align-items: center;`
	`6`	`+ margin: 0px -3px;`
`6`	`7`	`.iconPanel {`
`7`	`8`	`display: flex;`
`8`	`9`	`align-items: center;`
`9`	`10`	`justify-content: center;`
`10`		`- margin: 0px 5px;`
	`11`	`+ margin: 0px 3px;`
`11`	`12`	`border-radius: 3px;`
`12`	`13`	`height: 20px;`
`13`	`14`	`width: 20px;`
`@@ -16,7 +17,8 @@`
`16`	`17`	`background-color: var(--color-hover-bg);`
`17`	`18`	`}`
`18`	`19`	`i {`
`19`		`- font-size: 18px;`
	`20`	`+ font-size: 15px;`
	`21`	`+ color: var(--color-text-secondary);`
`20`	`22`	`}`
`21`	`23`	`}`
`22`	`24`	`}`