Add sidebar style setting documentation (#612)

* Update interface/appearance.mdx

* Update zh-CN/interface/appearance.mdx

* Add image

* Update interface/appearance.mdx

* Update zh-CN/interface/appearance.mdx

---------

Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
Co-authored-by: ComfyUI Wiki <[email protected]>

Author: mintlify[bot]

images/interface/setting/appearance/sidbar_style.jpg

@@ -150,6 +150,14 @@ The color palette allows you to modify many specific properties. Here are some o
 
 - **Function**: Control whether the sidebar is displayed on the left or right side of the interface, allowing users to adjust the sidebar position according to their usage habits.
 
+### Sidebar Style
+
+- **Function**: Control the visual style of the sidebar. Options include:
+  - **Connected**: The sidebar appears connected to the edge of the interface.
+  - **Floating**: The sidebar appears as a floating panel with visual separation from the interface edge.
+
+![Sidebar Style](/images/interface/setting/appearance/sidbar_style.jpg)
+
 ## Tree Explorer
 
 ### Tree Explorer Item Padding

interface/appearance.mdx

@@ -142,6 +142,13 @@ import UserDirectory from "/snippets/zh/install/user-directory.mdx"
 ### 侧边栏位置
 - **功能**：控制侧边栏显示在界面的左侧还是右侧，允许用户根据使用习惯调整侧边栏位置
 
+### 侧边栏样式
+- **功能**：控制侧边栏的视觉样式。选项包括：
+  - **连接式（Connected）**：侧边栏与界面边缘连接显示。
+  - **悬浮式（Floating）**：侧边栏以悬浮面板形式显示，与界面边缘有视觉分隔。
+
+![侧边栏样式](/images/interface/setting/appearance/sidbar_style.jpg)
+
 ## 树形浏览器
 
 ### 树形浏览器项目内边距