fix(ui): dashboard token row alignment + match editor/preview heights
This commit is contained in:
parent
dc931a6556
commit
05f12b416d
2 changed files with 19 additions and 13 deletions
|
|
@ -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) ──────────────────────────────────────────
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue