BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-09 16:59:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(custom-model): Cancel/Launch-anyway buttons stacked instead of side by side

Browse Source 
Neither dialog's footer had a row layout of its own to override, and
.btn-toolbar is display:flex (a block-level flex container with no
explicit inline-flex), so with no flex row context each button took its
own full-width line and the two stacked vertically. The swap-confirm
modal already had a .modal-footer rule (flex-end); the context-warning
modal had none at all. Both now share one row-layout rule, centred
rather than flex-end per feedback.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RqZeHrRS6DYcGcGX2p9EwG
This commit is contained in:
Devvyn
2026-09-17 09:01:28 +08:00
co-authored by Claude Sonnet 5
parent 962029bb3d
commit 2c89359d42
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+10 -4
View File
@@ -6828,11 +6828,17 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
/* Custom Model Endpoint Profiles: llama-swap model-swap confirmation — replaces a native /* Custom Model Endpoint Profiles: llama-swap model-swap confirmation — replaces a native
confirm() popup (docs/custom-model-endpoints-plan.md) so it looks and feels like the confirm() popup (docs/custom-model-endpoints-plan.md) so it looks and feels like the
rest of the app instead of a browser chrome dialog. Shares the context-window-too-small rest of the app instead of a browser chrome dialog. Shares the context-window-too-small
modal's two fixes below since both can appear mid-launch, in the same spot, for the modal's fixes below since both can appear mid-launch, in the same spot, for the same
same reason. */ reason — including this rule itself: there is no bare `.modal-footer` base style
#customModelSwapConfirmModal .modal-footer { anywhere in this file, and `.btn-toolbar` is `display: flex` (a block-level flex
container with no explicit `inline-flex`), so with no row layout of its own each
button took its own full-width line and the two stacked instead of sitting side by
side. Centred rather than flex-end per feedback — a two-button Cancel/confirm footer
reads better centred than pinned to one edge. */
#customModelSwapConfirmModal .modal-footer,
#customModelContextWarningModal .modal-footer {
display: flex; display: flex;
justify-content: flex-end; justify-content: center;
gap: 0.5rem; gap: 0.5rem;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);