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
+1 -3
View File
@@ -158,9 +158,8 @@ 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 pointer-events-auto"> <div className="glass-bubble rounded-full px-4 py-2 flex items-center gap-2 animate-slide-up">
<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"
@@ -176,7 +175,6 @@ export function GeneralPanel() {
</button> </button>
</div> </div>
</div> </div>
</div>
)} )}
</form> </form>
); );
packages/web/src/components/modals/instanceSettingsPanels/StreamingPanel.tsx
+1 -3
View File
@@ -489,9 +489,8 @@ 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 pointer-events-auto"> <div className="glass-bubble rounded-full px-4 py-2 flex items-center gap-2 animate-slide-up">
<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"
@@ -507,7 +506,6 @@ export function StreamingPanel() {
</button> </button>
</div> </div>
</div> </div>
</div>
)} )}
</div> </div>
); );