From 01052153d9721084ad0100b4dd596983332a1ae3 Mon Sep 17 00:00:00 2001
From: JOYCEQL <1449239013@qq.com>
Date: Mon, 20 Apr 2026 23:54:52 +0800
Subject: [PATCH] style: remove side panel borders

---
 src/app/app/workbench/[id]/page.tsx | 10 +++-------
 src/components/editor/SidePanel.tsx | 10 +++++-----
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/app/app/workbench/[id]/page.tsx b/src/app/app/workbench/[id]/page.tsx
index 3e8f02c..a6d0edf 100644
--- a/src/app/app/workbench/[id]/page.tsx
+++ b/src/app/app/workbench/[id]/page.tsx
@@ -34,7 +34,7 @@ const DragHandle = ({ show = true }) => {
   if (!show) return null;
 
   return (
-    <PanelResizeHandle className="relative flex w-3 items-center justify-center outline-none group cursor-col-resize">
+    <PanelResizeHandle className="relative flex w-px items-center justify-center outline-none group cursor-col-resize">
       {/* 垂直分割线 - 最底层 */}
       <div
         className={cn(
@@ -308,9 +308,7 @@ export default function Home() {
                   id="side-panel"
                   order={1}
                   defaultSize={panelSizes?.[0]}
-                  className={cn(
-                    "bg-background border-r border-border"
-                  )}
+                  className="bg-background"
                 >
                   <div className="h-full overflow-y-auto">
                     <SidePanel />
@@ -327,9 +325,7 @@ export default function Home() {
                   id="edit-panel"
                   order={2}
                   defaultSize={panelSizes?.[1]}
-                  className={cn(
-                    "bg-background border-r border-border"
-                  )}
+                  className="bg-background"
                 >
                   <div className="h-full">
                     <EditPanel />
diff --git a/src/components/editor/SidePanel.tsx b/src/components/editor/SidePanel.tsx
index 9aff8d6..c26a651 100644
--- a/src/components/editor/SidePanel.tsx
+++ b/src/components/editor/SidePanel.tsx
@@ -149,7 +149,7 @@ export function SidePanel() {
   return (
     <motion.div
       className={cn(
-        "w-[80] border-r overflow-y-auto",
+        "w-[80]  overflow-y-auto",
         "bg-background border-border"
       )}
       initial={{ x: -100, opacity: 0 }}
@@ -221,8 +221,8 @@ export function SidePanel() {
         </SettingCard>
 
         {/* 主题色设置  */}
-        <SettingCard 
-          icon={Palette} 
+        <SettingCard
+          icon={Palette}
           title={t("theme.title")}
           action={
             <ColorPicker
@@ -239,9 +239,9 @@ export function SidePanel() {
             >
               <Palette className="w-3.5 h-3.5" />
               <span className="text-xs font-medium">{t("theme.custom")}</span>
-              
+
               {!THEME_COLORS.includes(themeColor) && (
-                <div 
+                <div
                   className="w-2.5 h-2.5 rounded-full ml-0.5 border border-primary/20 shadow-sm"
                   style={{ backgroundColor: themeColor }}
                 />