mirror of
https://github.com/SECTL/SecScore.git
synced 2026-07-21 09:39:03 +08:00
恢复竖屏折叠态导航图标显示
This commit is contained in:
+45
-47
@@ -194,53 +194,51 @@ export function Sidebar({
|
|||||||
|
|
||||||
const renderSidebarBody = (isCollapsedView: boolean, hideMenu = false) => (
|
const renderSidebarBody = (isCollapsedView: boolean, hideMenu = false) => (
|
||||||
<>
|
<>
|
||||||
{!(isCollapsedView && floatingExpand && collapsed) && (
|
<div
|
||||||
<div
|
data-tauri-drag-region
|
||||||
data-tauri-drag-region
|
style={
|
||||||
style={
|
{
|
||||||
{
|
padding: isCollapsedView ? "20px 8px 12px" : "24px 24px 16px",
|
||||||
padding: isCollapsedView ? "20px 8px 12px" : "24px 24px 16px",
|
textAlign: "center",
|
||||||
textAlign: "center",
|
WebkitAppRegion: "drag",
|
||||||
WebkitAppRegion: "drag",
|
userSelect: "none",
|
||||||
userSelect: "none",
|
flexShrink: 0,
|
||||||
flexShrink: 0,
|
} as React.CSSProperties
|
||||||
} as React.CSSProperties
|
}
|
||||||
}
|
>
|
||||||
>
|
<img
|
||||||
<img
|
src={appLogo}
|
||||||
src={appLogo}
|
style={{
|
||||||
style={{
|
width: isCollapsedView ? "40px" : "48px",
|
||||||
width: isCollapsedView ? "40px" : "48px",
|
height: isCollapsedView ? "40px" : "48px",
|
||||||
height: isCollapsedView ? "40px" : "48px",
|
marginBottom: isCollapsedView ? "0" : "12px",
|
||||||
marginBottom: isCollapsedView ? "0" : "12px",
|
}}
|
||||||
}}
|
alt="logo"
|
||||||
alt="logo"
|
/>
|
||||||
/>
|
{!isCollapsedView && (
|
||||||
{!isCollapsedView && (
|
<>
|
||||||
<>
|
<h2
|
||||||
<h2
|
style={{
|
||||||
style={{
|
color: "var(--ss-sidebar-text, var(--ss-text-main))",
|
||||||
color: "var(--ss-sidebar-text, var(--ss-text-main))",
|
margin: 0,
|
||||||
margin: 0,
|
fontSize: "20px",
|
||||||
fontSize: "20px",
|
}}
|
||||||
}}
|
>
|
||||||
>
|
SecScore
|
||||||
SecScore
|
</h2>
|
||||||
</h2>
|
<div
|
||||||
<div
|
style={{
|
||||||
style={{
|
fontSize: "12px",
|
||||||
fontSize: "12px",
|
color: "var(--ss-sidebar-text, var(--ss-text-main))",
|
||||||
color: "var(--ss-sidebar-text, var(--ss-text-main))",
|
opacity: 0.8,
|
||||||
opacity: 0.8,
|
marginTop: "4px",
|
||||||
marginTop: "4px",
|
}}
|
||||||
}}
|
>
|
||||||
>
|
{t("settings.about.appName")}
|
||||||
{t("settings.about.appName")}
|
</div>
|
||||||
</div>
|
</>
|
||||||
</>
|
)}
|
||||||
)}
|
</div>
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{!hideMenu && (
|
{!hideMenu && (
|
||||||
<div style={{ flex: 1, overflowY: "auto", display: "flex", flexDirection: "column" }}>
|
<div style={{ flex: 1, overflowY: "auto", display: "flex", flexDirection: "column" }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user