From 66d280136c962f06c005ad3674660fbf3408c5c9 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sun, 15 Jun 2025 11:36:33 +0800
Subject: [PATCH] style: enhance MainSidebar and PageContainer styles for
 improved UI

- Added 3D transform styles to PageContainer for better visual effects.
- Updated MainSidebar to use optional chaining for safer property access.
- Removed background color from MainSidebar to support transparency.
---
 src/renderer/src/Routes.tsx                                   | 3 +++
 src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx       | 4 ++--
 src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx | 1 -
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/Routes.tsx b/src/renderer/src/Routes.tsx
index 80c83048f5..7990d4b7c8 100644
--- a/src/renderer/src/Routes.tsx
+++ b/src/renderer/src/Routes.tsx
@@ -91,6 +91,9 @@ const PageContainer = styled(motion.div)`
   z-index: 10;
   will-change: transform;
   backface-visibility: hidden;
+  transform-style: preserve-3d;
+  perspective: 1000px;
+  -webkit-font-smoothing: subpixel-antialiased;
 `
 
 const pageTransition = {
diff --git a/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx b/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx
index 385c84c16e..7e45693e42 100644
--- a/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx
+++ b/src/renderer/src/pages/home/MainSidebar/MainSidebar.tsx
@@ -94,8 +94,8 @@ const MainSidebar: FC = () => {
     ]
     return () => unsubscribe.forEach((unsubscribe) => unsubscribe())
   }, [
-    activeAssistant.id,
-    activeTopic.assistantId,
+    activeAssistant?.id,
+    activeTopic?.assistantId,
     clickAssistantToShowTopic,
     isAppMenuExpanded,
     showAssistants,
diff --git a/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx b/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx
index b10d95a3de..c042770a59 100644
--- a/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx
+++ b/src/renderer/src/pages/home/MainSidebar/MainSidebarStyles.tsx
@@ -53,7 +53,6 @@ export const Container = styled.div<{ transparent?: boolean }>`
   max-width: var(--assistants-width);
   border-right: 0.5px solid var(--color-border);
   height: 100vh;
-  background-color: ${({ transparent }) => (transparent ? 'transparent' : 'var(--color-background)')};
 `
 
 export const MainMenu = styled.div`