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

View file

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