|
369 | 369 | .diff .dl.ctx { opacity: .55; } |
370 | 370 | .autoctx { font-size: 11px; opacity: .55; margin: -4px 2px 2px; } |
371 | 371 | .autoctx .files { font-family: var(--vscode-editor-font-family, ui-monospace, monospace); } |
372 | | - #empty { margin: auto; max-width: 280px; text-align: center; opacity: .65; line-height: 1.55; padding: 20px; } |
| 372 | + #empty { margin: auto; max-width: min(560px, 92vw); text-align: center; opacity: .65; line-height: 1.55; padding: 20px; } |
| 373 | + #empty .empty-copy { max-width: 280px; margin: 0 auto; } |
373 | 374 | #empty .big { font-size: 1.15em; opacity: .9; margin-bottom: 6px; } |
| 375 | + /* LevelCode ASCII wordmark on the welcome (empty) state. Sizes with the panel width (webview vw), |
| 376 | + clamped so it stays legible-yet-compact; theme accent to match the chevron mark in the status bar. */ |
| 377 | + #empty .lc-ascii-wrap { container-type: inline-size; width: 100%; } |
| 378 | + /* font-size is sized off the CONTAINER width (cqi) — reliable in a webview where vw = the whole |
| 379 | + editor, not this panel — so the wordmark always fits and the last glyph is never clipped. |
| 380 | + line-height:1 makes the box-drawing rows connect into solid letters. */ |
| 381 | + #empty .lc-ascii { font-family: var(--vscode-editor-font-family, ui-monospace, monospace); font-size: clamp(4px, 1.8cqi, 11px); line-height: 1; white-space: pre; color: var(--vscode-terminal-ansiGreen, #98c379); opacity: 1; width: max-content; max-width: 100%; margin: 2px auto 4px; overflow-x: auto; user-select: none; } |
| 382 | + #empty .lc-ascii-sub { font-family: var(--vscode-editor-font-family, monospace); font-size: 11px; letter-spacing: .22em; color: var(--muted); opacity: .9; margin-bottom: 14px; } |
374 | 383 | #empty .starters { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; margin-top: 14px; } |
375 | 384 | #empty .starter { cursor: pointer; border: 1px solid var(--border); border-radius: 14px; padding: 4px 11px; font-size: 11.5px; background: var(--field-bg); color: var(--vscode-foreground); opacity: .95; } |
376 | 385 | #empty .starter:hover { border-color: var(--accent); opacity: 1; } |
|
654 | 663 | <body> |
655 | 664 | <div id="log"> |
656 | 665 | <div id="empty"> |
657 | | - <div class="big">LevelCode AI</div> |
658 | | - Ask about your code, or describe what to build. The open file is sent as context; add a selection with <b>+</b> or ⌥⌘A. |
| 666 | + <div class="lc-ascii-wrap"><pre class="lc-ascii" role="img" aria-label="LevelCode AI">██╗ ███████╗ ██╗ ██╗ ███████╗ ██╗ ██████╗ ██████╗ ██████╗ ███████╗ |
| 667 | +██║ ██╔════╝ ██║ ██║ ██╔════╝ ██║ ██╔════╝ ██╔═══██╗ ██╔══██╗ ██╔════╝ |
| 668 | +██║ █████╗ ██║ ██║ █████╗ ██║ ██║ ██║ ██║ ██║ ██║ █████╗ |
| 669 | +██║ ██╔══╝ ╚██╗ ██╔╝ ██╔══╝ ██║ ██║ ██║ ██║ ██║ ██║ ██╔══╝ |
| 670 | +███████╗ ███████╗ ╚████╔╝ ███████╗ ███████╗ ╚██████╗ ╚██████╔╝ ██████╔╝ ███████╗ |
| 671 | +╚══════╝ ╚══════╝ ╚═══╝ ╚══════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝</pre></div> |
| 672 | + <div class="lc-ascii-sub">levelcode.ai</div> |
| 673 | + <div class="empty-copy">Ask about your code, or describe what to build. The open file is sent as context; add a selection with <b>+</b> or ⌥⌘A.</div> |
659 | 674 | <div class="starters"> |
660 | 675 | <button class="starter" data-q="Explain what the current file does.">Explain this file</button> |
661 | 676 | <button class="starter" data-q="Find and fix the bug in my selection.">Fix a bug</button> |
|
0 commit comments