defalt2111/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep the default-open terminal inside the viewport and the map labels inside their shapes.

Browse Source 
The dock prompt and placeholder now meet contrast on the raised surface, and service nodes use the same rect geometry as the cases.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Antonio Ledebuhr
2026-08-27 00:43:56 +02:00
parent a9ad7eb1a7
commit bb9912daef
7 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/shared/terminal/terminal-dock.scss
View File

@@ -12,6 +12,7 @@
display: grid;
justify-items: end;
gap: var(--space-2);
max-width: 100%;
}
.terminal-dock-trigger {
@@ -41,6 +42,8 @@
grid-template-rows: auto 1fr;
gap: var(--space-3);
width: 100%;
min-width: 0;
max-width: 100%;
max-height: min(70vh, 32rem);
padding: var(--space-4);
border: 1px solid var(--surface-glass-border);
@@ -101,11 +104,13 @@
.terminal-dock-session {
overflow: auto;
min-width: 0;
min-height: 8rem;
font-family: var(--font-mono);
font-size: var(--text-sm);
color: var(--color-text-muted);
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.terminal-dock-session .echo {
@@ -114,18 +119,22 @@
.terminal-dock-form {
display: grid;
grid-template-columns: auto 1fr;
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
align-items: center;
gap: var(--space-2);
min-width: 0;
}
.terminal-dock-prompt {
font-family: var(--font-mono);
font-size: var(--text-sm);
color: var(--color-accent-cool);
color: var(--color-text);
overflow-wrap: anywhere;
}
.terminal-dock-form input {
min-width: 0;
width: 100%;
min-height: 2.75rem;
padding: var(--space-2) var(--space-3);
border: 1px solid var(--surface-glass-border);
@@ -136,6 +145,11 @@
font-size: var(--text-sm);
}
.terminal-dock-form input::placeholder {
color: var(--color-text-subtle);
opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
.terminal-dock-trigger:hover,
.terminal-dock-control:hover {