Bottom sidebar layout fix

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
+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">
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -23,7 +23,7 @@
<!-- Splash screens for iOS -->
<link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
<script type="module" crossorigin src="/assets/index-DCANm19J.js"></script>
<script type="module" crossorigin src="/assets/index-C2EsE1Fc.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DUGbV7GF.css">
</head>
<body>