refactor: ant design styles separation

src/renderer/src/assets/styles/ant.scss

@@ -0,0 +1,73 @@
+#inputbar .ant-input {
+  resize: none;
+}
+
+.chat-nav-dropdown {
+  .ant-dropdown-menu {
+    padding-bottom: 12px;
+  }
+}
+
+.ant-segmented-group {
+  gap: 4px;
+}
+
+.minapp-drawer {
+  max-width: calc(100vw - var(--sidebar-width));
+  .ant-drawer-content-wrapper {
+    box-shadow: none;
+  }
+  .ant-drawer-header {
+    position: absolute;
+    -webkit-app-region: drag;
+    min-height: calc(var(--navbar-height) + 0.5px);
+    width: calc(100vw - var(--sidebar-width));
+    margin-top: -0.5px;
+    border-bottom: none;
+  }
+  .ant-drawer-body {
+    padding: 0;
+    margin-top: var(--navbar-height);
+    overflow: hidden;
+    @extend #content-container;
+  }
+  .minapp-mask {
+    background-color: transparent !important;
+  }
+}
+
+.ant-drawer-header {
+  -webkit-app-region: no-drag;
+}
+
+.segmented-tab {
+  .ant-segmented-item-selected {
+    background-color: var(--color-background-mute);
+  }
+  .ant-segmented-item-label {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    font-size: 13px;
+  }
+  .iconfont {
+    font-size: 13px;
+    margin-left: -2px;
+  }
+  .anticon-setting {
+    font-size: 12px;
+  }
+  .icon-business-smart-assistant {
+    margin-right: -2px;
+  }
+  .ant-segmented-item-icon + * {
+    margin-left: 4px;
+  }
+}
+
+.message-attachments {
+  .ant-upload-list-item:hover {
+    background-color: initial !important;
+  }
+}

src/renderer/src/assets/styles/index.scss

@@ -1,5 +1,6 @@
 @import './markdown.scss';
 @import './scrollbar.scss';
+@import './ant.scss';
 @import '../fonts/icon-fonts/iconfont.css';
 @import '../fonts/ubuntu/ubuntu.css';
 
@@ -171,16 +172,6 @@ body[os='windows'] {
   }
 }
 
-#inputbar .ant-input {
-  resize: none;
-}
-
-.chat-nav-dropdown {
-  .ant-dropdown-menu {
-    padding-bottom: 12px;
-  }
-}
-
 .loader {
   width: 16px;
   height: 16px;
@@ -193,10 +184,6 @@ body[os='windows'] {
   animation: flash 0.5s ease-out infinite alternate;
 }
 
-.ant-segmented-group {
-  gap: 4px;
-}
-
 .drag {
   -webkit-app-region: drag;
 }
@@ -210,57 +197,3 @@ body[os='windows'] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
-.minapp-drawer {
-  max-width: calc(100vw - var(--sidebar-width));
-  .ant-drawer-content-wrapper {
-    box-shadow: none;
-  }
-  .ant-drawer-header {
-    position: absolute;
-    -webkit-app-region: drag;
-    min-height: calc(var(--navbar-height) + 0.5px);
-    width: calc(100vw - var(--sidebar-width));
-    margin-top: -0.5px;
-    border-bottom: none;
-  }
-  .ant-drawer-body {
-    padding: 0;
-    margin-top: var(--navbar-height);
-    overflow: hidden;
-    @extend #content-container;
-  }
-  .minapp-mask {
-    background-color: transparent !important;
-  }
-}
-
-.ant-drawer-header {
-  -webkit-app-region: no-drag;
-}
-
-.segmented-tab {
-  .ant-segmented-item-selected {
-    background-color: var(--color-background-mute);
-  }
-  .ant-segmented-item-label {
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    font-size: 13px;
-  }
-  .iconfont {
-    font-size: 13px;
-    margin-left: -2px;
-  }
-  .anticon-setting {
-    font-size: 12px;
-  }
-  .icon-business-smart-assistant {
-    margin-right: -2px;
-  }
-  .ant-segmented-item-icon + * {
-    margin-left: 4px;
-  }
-}

src/renderer/src/pages/home/Messages/MessageAttachments.tsx

@@ -22,7 +22,7 @@ const MessageAttachments: FC<Props> = ({ message }) => {
   }
 
   return (
-    <Container style={{ marginTop: 2, marginBottom: 8 }}>
+    <Container style={{ marginTop: 2, marginBottom: 8 }} className="message-attachments">
       <Upload
         listType="text"
         disabled