style: refine agent composer focus feedback

This commit is contained in:
2026-10-30 17:09:13 +08:00
parent 185bf31446
commit ddd03dbff6
2 changed files with 38 additions and 12 deletions
+15
View File
@@ -2097,6 +2097,21 @@ details[open] > summary > .disclosure-accordion-indicator {
background-image: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 160ms ease;
}
/* Keep the border neutral and express focus as a small elevation change. */
.agent-panel-shell[data-agent-presentation] .agent-panel-input-form:focus-within {
border-color: #e4e4e7;
box-shadow: 0 4px 10px rgb(15 23 42 / 0.08), 0 18px 36px -14px rgb(15 23 42 / 0.22);
transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
.agent-panel-shell[data-agent-presentation] .agent-panel-input-form {
transition: none;
}
.agent-panel-shell[data-agent-presentation] .agent-panel-input-form:focus-within {
transform: none;
}
}
.agent-panel-shell[data-agent-presentation] .agent-panel-input-body {
display: block;