fix(ui): dashboard token row alignment + match editor/preview heights

This commit is contained in:
ZdenekSrotyr 2026-05-03 19:23:50 +02:00
parent dc931a6556
commit 05f12b416d
2 changed files with 19 additions and 13 deletions

View file

@ -113,9 +113,10 @@
.welcome-editor-col, .welcome-preview-col { .welcome-editor-col, .welcome-preview-col {
flex: 1 1 50%; flex: 1 1 50%;
min-width: 0; min-width: 0;
}
.welcome-editor-col {
min-height: 480px; min-height: 480px;
height: calc(100vh - 320px);
display: flex;
flex-direction: column;
} }
.welcome-preview-col { .welcome-preview-col {
border: 1px solid var(--border, #e5e7eb); border: 1px solid var(--border, #e5e7eb);
@ -126,7 +127,6 @@
font-family: var(--font-primary, system-ui, sans-serif); font-family: var(--font-primary, system-ui, sans-serif);
font-size: 14px; font-size: 14px;
overflow: auto; overflow: auto;
max-height: 600px;
} }
.welcome-preview-col h4 { .welcome-preview-col h4 {
color: var(--text-secondary, #6b7280); margin: 0 0 8px; font-size: 12px; color: var(--text-secondary, #6b7280); margin: 0 0 8px; font-size: 12px;
@ -318,7 +318,7 @@ if (typeof CodeMirror === "undefined") {
indentUnit: 2, indentUnit: 2,
tabSize: 2, tabSize: 2,
}); });
editor.setSize("100%", "calc(100vh - 320px)"); editor.setSize("100%", "100%");
} }
// ── Live preview (debounced) ────────────────────────────────────────── // ── Live preview (debounced) ──────────────────────────────────────────

View file

@ -1226,20 +1226,25 @@
color: white; color: white;
} }
.env-setup-row .env-meta {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 12px;
}
.env-setup-row .env-hint { .env-setup-row .env-hint {
font-size: 12px; font-size: 12px;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-left: auto;
} }
.env-setup-link { .env-setup-link {
display: inline-block;
margin-left: 12px;
font-size: 13px; font-size: 13px;
color: var(--primary); color: rgba(255, 255, 255, 0.9);
text-decoration: none; text-decoration: underline;
text-underline-offset: 2px;
} }
.env-setup-link:hover { text-decoration: underline; } .env-setup-link:hover { color: #fff; }
.setup-link-banner { .setup-link-banner {
margin-top: 12px; margin-top: 12px;
@ -1946,11 +1951,12 @@
</svg> </svg>
Setup a new Claude Code Setup a new Claude Code
</button> </button>
<span class="env-hint">Valid 90 days · token stays in clipboard only</span> <span class="env-meta">
<a href="/setup" class="env-setup-link">Or open the full setup page →</a> <span class="env-hint">Valid 90 days · token stays in clipboard only</span>
<a href="/setup" class="env-setup-link">Open the full setup page →</a>
</span>
</div> </div>
<div id="setupClaudeError" class="setup-error" role="alert" style="display:none;"></div> <div id="setupClaudeError" class="setup-error" role="alert" style="display:none;"></div>
<a href="/setup" class="env-setup-link" style="display: block; margin-top: 8px;">View what Claude Code will receive on /setup →</a>
</div> </div>
{% endif %} {% endif %}