GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-09-05 23:57:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update SideNav to conditionally render buttons and version status based on collapsed state

Browse Source
This commit is contained in:
shiyu
2025-12-12 17:05:46 +08:00
parent d7260e8863
commit 49a4300fc3
1 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/layout/SideNav.tsx
+5 -3
View File
@@ -166,7 +166,7 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
}} }}
> >
{/* 最小化应用 Dock */} {/* 最小化应用 Dock */}
{minimized.length > 0 && ( {!collapsed && minimized.length > 0 && (
<div <div
style={{ style={{
width: '100%', width: '100%',
@@ -224,7 +224,7 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
<Tag icon={<CheckCircleOutlined />} color="success" style={{ marginInlineEnd: 0 }} /> <Tag icon={<CheckCircleOutlined />} color="success" style={{ marginInlineEnd: 0 }} />
) : ( ) : (
<Tag icon={<CheckCircleOutlined />} color="success"> <Tag icon={<CheckCircleOutlined />} color="success">
{t('Up to date')} {status?.version}
</Tag> </Tag>
)} )}
</Tooltip> </Tooltip>
@@ -233,7 +233,8 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
) )
)} )}
</div> </div>
<div style={{ display: 'flex', flexDirection: collapsed ? 'column' : 'row', gap: 8 }}> {!collapsed && (
<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>
<Button <Button
shape="circle" shape="circle"
icon={<GithubOutlined />} icon={<GithubOutlined />}
@@ -258,6 +259,7 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
target="_blank" target="_blank"
/> />
</div> </div>
)}
</div> </div>
</Sider> </Sider>