public_git/bambuddy
1
0
Fork 0
mirror of https://github.com/maziggy/bambuddy.git synced 2026-10-21 10:15:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

Bottom sidebar layout fix

Browse Source
This commit is contained in:
maziggy
2025-12-30 09:28:32 +01:00
parent 86239d38f2
commit 88487f8f46
3 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Layout.tsx
+17 -15
View File
@@ -453,21 +453,9 @@ export function Layout() {
{/* Footer */}
<div className="p-2 border-t border-bambu-dark-tertiary">
{isMobile || sidebarExpanded ? (
<div className="flex items-center justify-between px-2">
<div className="flex items-center gap-2">
<span className="text-sm text-bambu-gray">v{versionInfo?.version || '...'}</span>
{updateCheck?.update_available && (
<button
onClick={() => navigate('/settings')}
className="flex items-center gap-1 text-xs text-bambu-green hover:text-bambu-green/80 transition-colors"
title={t('nav.updateAvailable', { version: updateCheck.latest_version })}
>
<ArrowUpCircle className="w-4 h-4" />
<span>{t('nav.update')}</span>
</button>
)}
</div>
<div className="flex items-center gap-1">
<div className="flex flex-col gap-2 px-2">
{/* Top row: icons */}
<div className="flex items-center justify-center gap-1">
{hasSwitchbarPlugs && (
<div className="relative">
<button
@@ -519,6 +507,20 @@ export function Layout() {
{theme === 'dark' ? <Sun className="w-5 h-5" /> : <Moon className="w-5 h-5" />}
</button>
</div>
{/* Bottom row: version */}
<div className="flex items-center justify-center gap-2">
<span className="text-sm text-bambu-gray">v{versionInfo?.version || '...'}</span>
{updateCheck?.update_available && (
<button
onClick={() => navigate('/settings')}
className="flex items-center gap-1 text-xs text-bambu-green hover:text-bambu-green/80 transition-colors"
title={t('nav.updateAvailable', { version: updateCheck.latest_version })}
>
<ArrowUpCircle className="w-4 h-4" />
<span>{t('nav.update')}</span>
</button>
)}
</div>
</div>
) : (
<div className="flex flex-col items-center gap-1">