style: remove side panel borders

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(
+                  className="bg-background"
-                    "bg-background border-r border-border"
-                  )}
                 >
                   <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(
+                  className="bg-background"
-                    "bg-background border-r border-border"
-                  )}
                 >
                   <div className="h-full">
                     <EditPanel />

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 
+        <SettingCard
-          icon={Palette} 
+          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 }}
                 />