From bb61f8110feee110c2c14dd044732f4aaee81923 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Tue, 12 Nov 2024 12:09:34 +0800
Subject: [PATCH] style: adjusted styling and layout for mac os and file list
 view

---
 src/renderer/src/assets/styles/index.scss     |  1 +
 .../components/Popups/SelectModelPopup.tsx    |  5 ++++
 src/renderer/src/pages/files/FilesPage.tsx    |  7 +++---
 src/renderer/src/pages/home/Tabs/Settings.tsx | 24 +++++++++----------
 4 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.scss
index 513d34eeea..80210a145e 100644
--- a/src/renderer/src/assets/styles/index.scss
+++ b/src/renderer/src/assets/styles/index.scss
@@ -168,6 +168,7 @@ body,
 body[os='mac'] {
   #content-container {
     border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
     border-left: 0.5px solid var(--color-border);
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.05);
   }
diff --git a/src/renderer/src/components/Popups/SelectModelPopup.tsx b/src/renderer/src/components/Popups/SelectModelPopup.tsx
index bef526caec..284c70754d 100644
--- a/src/renderer/src/components/Popups/SelectModelPopup.tsx
+++ b/src/renderer/src/components/Popups/SelectModelPopup.tsx
@@ -221,6 +221,11 @@ const StyledMenu = styled(Menu)`
     height: 36px;
     line-height: 36px;
 
+    &.ant-menu-item-selected {
+      background-color: var(--color-background-mute) !important;
+      color: var(--color-text-primary) !important;
+    }
+
     &:not([data-menu-id^='pinned-']) {
       .pin-icon {
         opacity: 0;
diff --git a/src/renderer/src/pages/files/FilesPage.tsx b/src/renderer/src/pages/files/FilesPage.tsx
index 15af5938b8..ca1a959982 100644
--- a/src/renderer/src/pages/files/FilesPage.tsx
+++ b/src/renderer/src/pages/files/FilesPage.tsx
@@ -38,19 +38,20 @@ const FilesPage: FC = () => {
     {
       title: t('files.name'),
       dataIndex: 'file',
-      key: 'file'
+      key: 'file',
+      width: '300px'
     },
     {
       title: t('files.size'),
       dataIndex: 'size',
       key: 'size',
-      width: '100px'
+      width: '80px'
     },
     {
       title: t('files.count'),
       dataIndex: 'count',
       key: 'count',
-      width: '100px'
+      width: '60px'
     },
     {
       title: t('files.created_at'),
diff --git a/src/renderer/src/pages/home/Tabs/Settings.tsx b/src/renderer/src/pages/home/Tabs/Settings.tsx
index 1954d7c785..3fb8e04ca8 100644
--- a/src/renderer/src/pages/home/Tabs/Settings.tsx
+++ b/src/renderer/src/pages/home/Tabs/Settings.tsx
@@ -81,6 +81,18 @@ const SettingsTab: FC = () => {
         />
       </SettingRow>
       <SettingDivider />
+      <SettingRow>
+        <SettingRowTitleSmall>{t('message.message.style')}</SettingRowTitleSmall>
+        <Select
+          value={messageStyle}
+          onChange={(value) => dispatch(setMessageStyle(value))}
+          style={{ width: 135 }}
+          size="small">
+          <Select.Option value="plain">{t('message.message.style.plain')}</Select.Option>
+          <Select.Option value="bubble">{t('message.message.style.bubble')}</Select.Option>
+        </Select>
+      </SettingRow>
+      <SettingDivider />
       <SettingRow>
         <SettingRowTitleSmall>{t('message.message.code_style')}</SettingRowTitleSmall>
         <Select
@@ -96,18 +108,6 @@ const SettingsTab: FC = () => {
         </Select>
       </SettingRow>
       <SettingDivider />
-      <SettingRow>
-        <SettingRowTitleSmall>{t('message.message.style')}</SettingRowTitleSmall>
-        <Select
-          value={messageStyle}
-          onChange={(value) => dispatch(setMessageStyle(value))}
-          style={{ width: 135 }}
-          size="small">
-          <Select.Option value="plain">{t('message.message.style.plain')}</Select.Option>
-          <Select.Option value="bubble">{t('message.message.style.bubble')}</Select.Option>
-        </Select>
-      </SettingRow>
-      <SettingDivider />
       <SettingRow>
         <SettingRowTitleSmall>{t('settings.messages.math_engine')}</SettingRowTitleSmall>
         <Select