恢复左侧顶栏按钮并修复竖屏导航遮挡

This commit is contained in:
JSR
2026-03-18 21:58:42 +08:00
parent 504d3c40e9
commit d4d96092af
+32 -16
View File
@@ -121,9 +121,41 @@ export function ContentArea({
borderBottom: "1px solid var(--ss-border-color)",
flexShrink: 0,
WebkitAppRegion: "drag",
position: "relative",
} as React.CSSProperties
}
>
<div
style={
{
paddingLeft: "8px",
display: "flex",
alignItems: "center",
height: "100%",
WebkitAppRegion: "no-drag",
flexShrink: 0,
position: "relative",
zIndex: floatingExpand && sidebarCollapsed && floatingExpanded ? 1301 : 1,
} as React.CSSProperties
}
>
<Button
type="text"
size="small"
onClick={onToggleSidebar}
icon={
floatingExpand && sidebarCollapsed
? floatingExpanded
? <MenuFoldOutlined />
: <MenuUnfoldOutlined />
: sidebarCollapsed
? <MenuUnfoldOutlined />
: <MenuFoldOutlined />
}
title={sidebarCollapsed ? "展开导航栏" : "收起导航栏"}
style={{ width: "32px", height: "32px" }}
/>
</div>
<div
data-tauri-drag-region
style={
@@ -145,22 +177,6 @@ export function ContentArea({
}
>
<Space size="small">
<Button
type="text"
size="small"
onClick={onToggleSidebar}
icon={
floatingExpand && sidebarCollapsed
? floatingExpanded
? <MenuFoldOutlined />
: <MenuUnfoldOutlined />
: sidebarCollapsed
? <MenuUnfoldOutlined />
: <MenuFoldOutlined />
}
title={sidebarCollapsed ? "展开导航栏" : "收起导航栏"}
style={{ width: "32px", height: "32px" }}
/>
{permissionTag}
{hasAnyPassword && (
<>