From 1124090d87b25a26f60c8bd83762cda67c2378bd Mon Sep 17 00:00:00 2001
From: Teo <cheesen.xu@gmail.com>
Date: Thu, 12 Jun 2025 15:56:35 +0800
Subject: [PATCH] refactor(styles): enhance popover styles with border and
 content overflow handling; update AntdProvider for background mask color

---
 src/renderer/src/assets/styles/ant.scss             | 13 +++++++++++++
 src/renderer/src/context/AntdProvider.tsx           |  3 ++-
 .../src/pages/home/Inputbar/SettingButton.tsx       |  1 +
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/assets/styles/ant.scss b/src/renderer/src/assets/styles/ant.scss
index 38baefa569..0557365a02 100644
--- a/src/renderer/src/assets/styles/ant.scss
+++ b/src/renderer/src/assets/styles/ant.scss
@@ -216,6 +216,19 @@
 .ant-dropdown-arrow + .ant-dropdown-menu {
   border: none;
 }
+.ant-popover-inner {
+  border: 0.5px solid var(--color-border);
+  border-radius: 16px;
+  .ant-popover-inner-content {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+}
+.ant-popover-arrow + .ant-popover-content {
+  .ant-popover-inner {
+    border: none;
+  }
+}
 
 .ant-collapse {
   border: 1px solid var(--color-border);
diff --git a/src/renderer/src/context/AntdProvider.tsx b/src/renderer/src/context/AntdProvider.tsx
index b257db3898..a43d98653c 100644
--- a/src/renderer/src/context/AntdProvider.tsx
+++ b/src/renderer/src/context/AntdProvider.tsx
@@ -67,7 +67,8 @@ const AntdProvider: FC<PropsWithChildren> = ({ children }) => {
         },
         token: {
           colorPrimary: colorPrimary,
-          fontFamily: 'var(--font-family)'
+          fontFamily: 'var(--font-family)',
+          colorBgMask: _theme === 'dark' ? 'rgba(0,0,0,0.7)' : 'rgba(255,255,255,0.7)'
         }
       }}>
       {children}
diff --git a/src/renderer/src/pages/home/Inputbar/SettingButton.tsx b/src/renderer/src/pages/home/Inputbar/SettingButton.tsx
index f35f8b170c..95d81d2517 100644
--- a/src/renderer/src/pages/home/Inputbar/SettingButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/SettingButton.tsx
@@ -13,6 +13,7 @@ interface Props {
 const SettingButton: FC<Props> = ({ ToolbarButton }) => {
   return (
     <Popover
+      arrow={false}
       placement="topLeft"
       content={<SettingsTab />}
       trigger="click"