WHCandCursor
5538ed3412
Move Qt/Tauri/full Web SPA under archive/, ship hermit as CLI/TUI plus libcstcore and cst-webui/1 HTTP+SSE (turn lifecycle hooks, capabilities). Co-authored-by: Cursor <cursoragent@cursor.com>
93 lines
1.9 KiB
CSS
93 lines
1.9 KiB
CSS
.root {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 8px calc(var(--dsh-composer-side-clearance) + 16px) 12px;
|
|
}
|
|
|
|
.card {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
max-width: var(--dsh-chat-content-width);
|
|
border: 1px solid var(--dsw-alias-state-warn-secondary);
|
|
border-radius: var(--dsw-radius-xl);
|
|
background: var(--dsw-specific-input-major);
|
|
box-shadow: var(--dsw-shadow-lv2);
|
|
--dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
|
|
--dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
|
|
}
|
|
|
|
.strip {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 10px 16px;
|
|
background: var(--dsw-alias-state-warn-tertiary);
|
|
color: var(--dsw-alias-state-warn-primary);
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
box-sizing: border-box;
|
|
max-height: var(--dsh-composer-text-max-height);
|
|
overflow-y: auto;
|
|
padding: 12px 16px 0;
|
|
}
|
|
|
|
.headline {
|
|
color: var(--dsw-alias-label-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.command {
|
|
color: var(--dsw-alias-label-tertiary);
|
|
font-family: var(--ds-font-family-code);
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.actionRow {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 8px;
|
|
padding: 14px 16px;
|
|
}
|
|
|
|
@media (hover: hover) {
|
|
.reject:hover:not(:disabled) {
|
|
background: var(--dsw-alias-interactive-bg-hover-danger);
|
|
color: var(--dsw-alias-state-error-primary);
|
|
--dsh-button-outline-color: transparent;
|
|
}
|
|
}
|
|
|
|
.subject {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
color: var(--dsw-alias-label-primary);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.subject img {
|
|
flex-shrink: 0;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.description {
|
|
margin: 0;
|
|
color: var(--dsw-alias-label-secondary);
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.withSubject .body { text-align: left; }
|
|
.withSubject .actionRow { flex-wrap: wrap; }
|