devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 26 Packages Projects Releases Wiki Activity

fix: convert Instance save bars from sticky to inline for sectioned layout

Browse Source
This commit is contained in:
Jannis Braun
2026-03-22 03:20:50 +01:00
parent 61a0bff4a3
commit d96d2d4dd1
2 changed files with 30 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/modals/instanceSettingsPanels/GeneralPanel.tsx
+15 -17
View File
@@ -158,23 +158,21 @@ export function GeneralPanel() {
{/* Save / Reset bar */} {/* Save / Reset bar */}
{hasChanges && ( {hasChanges && (
<div className="sticky bottom-0 z-10 pointer-events-none"> <div className="flex justify-center pt-3 pb-1">
<div className="flex justify-center pt-3 pb-1"> <div className="glass-bubble rounded-full px-4 py-2 flex items-center gap-2 animate-slide-up">
<div className="glass-bubble rounded-full px-4 py-2 flex items-center gap-2 animate-slide-up pointer-events-auto"> <button
<button onClick={handleReset}
onClick={handleReset} className="px-3 py-1 text-sm text-txt-tertiary hover:text-txt-secondary transition-colors"
className="px-3 py-1 text-sm text-txt-tertiary hover:text-txt-secondary transition-colors" >
> Reset
Reset </button>
</button> <button
<button onClick={handleSave}
onClick={handleSave} disabled={saving}
disabled={saving} className="px-3 py-1.5 bg-accent-primary hover:bg-accent-primary/80 text-white text-sm font-medium rounded-full transition-colors disabled:opacity-50"
className="px-3 py-1.5 bg-accent-primary hover:bg-accent-primary/80 text-white text-sm font-medium rounded-full transition-colors disabled:opacity-50" >
> {saving ? 'Saving...' : 'Save'}
{saving ? 'Saving...' : 'Save'} </button>
</button>
</div>
</div> </div>
</div> </div>
)} )}
packages/web/src/components/modals/instanceSettingsPanels/StreamingPanel.tsx
+15 -17
View File
@@ -489,23 +489,21 @@ export function StreamingPanel() {
<div className="p-2 bg-status-online/10 border border-status-online/30 rounded text-status-online text-sm">Settings saved</div> <div className="p-2 bg-status-online/10 border border-status-online/30 rounded text-status-online text-sm">Settings saved</div>
)} )}
{hasChanges && ( {hasChanges && (
<div className="sticky bottom-0 z-10 pointer-events-none"> <div className="flex justify-center pt-3 pb-1">
<div className="flex justify-center pt-3 pb-1"> <div className="glass-bubble rounded-full px-4 py-2 flex items-center gap-2 animate-slide-up">
<div className="glass-bubble rounded-full px-4 py-2 flex items-center gap-2 animate-slide-up pointer-events-auto"> <button
<button onClick={handleReset}
onClick={handleReset} className="px-3 py-1 text-sm text-txt-tertiary hover:text-txt-secondary transition-colors"
className="px-3 py-1 text-sm text-txt-tertiary hover:text-txt-secondary transition-colors" >
> Reset
Reset </button>
</button> <button
<button onClick={handleSave}
onClick={handleSave} disabled={saving}
disabled={saving} className="px-3 py-1.5 bg-accent-primary hover:bg-accent-primary/80 text-white text-sm font-medium rounded-full transition-colors disabled:opacity-50"
className="px-3 py-1.5 bg-accent-primary hover:bg-accent-primary/80 text-white text-sm font-medium rounded-full transition-colors disabled:opacity-50" >
> {saving ? 'Saving...' : 'Save'}
{saving ? 'Saving...' : 'Save'} </button>
</button>
</div>
</div> </div>
</div> </div>
)} )}