Missing spacing between boxes under Settings -> NovelAI #139

New issue

Open

opened 2026-07-15 09:14:25 +02:00 by bjoern · 2 comments

bjoern commented

2026-07-15 09:14:25 +02:00

Owner

Within the novelai settings, the boxes between the api settings and the Generation default tags settings box are directly connected. There is no gap between them, making ot look awkward.

Expectation: There is a global variable or something that defines the gap between items like that.

Within the novelai settings, the boxes between the api settings and the Generation default tags settings box are directly connected. There is no gap between them, making ot look awkward. Expectation: There is a global variable or something that defines the gap between items like that.

bjoern commented

2026-07-16 14:29:13 +02:00

Author

Owner

Also in the scene editor between Concept, Metadata, Cast. Also the scene editor could also benefit from the "floating navigation" considering how much it grew.

bjoern referenced this issue from a commit

2026-07-17 13:28:29 +02:00

fix(ui): tab panels learn the shell's gap — settings cards stop touching

scarlet commented

2026-07-17 13:28:40 +02:00

Member

Fix rides PR #184 (1c4d998): the shared tab panel (kg-tabs__panel) had no layout rule at all, so stacked cards inside any settings tab rendered with zero gap. It now stacks its children as a flex column with the shell's standard var(--space-4) gap — exactly the "global variable" expectation: one rule, every tab (NovelAI, Assistant, and future ones), with single-child panels unaffected. Browser-verified on the NovelAI tab, the Assistant tab, and the character editor (no double-spacing regression).

🤖 Generated with Claude Code

Fix rides PR #184 (`1c4d998`): the shared tab panel (`kg-tabs__panel`) had no layout rule at all, so stacked cards inside any settings tab rendered with zero gap. It now stacks its children as a flex column with the shell's standard `var(--space-4)` gap — exactly the "global variable" expectation: one rule, every tab (NovelAI, Assistant, and future ones), with single-child panels unaffected. Browser-verified on the NovelAI tab, the Assistant tab, and the character editor (no double-spacing regression). 🤖 Generated with [Claude Code](https://claude.com/claude-code)