diff --git a/static/src/components/input/InputComposer.vue b/static/src/components/input/InputComposer.vue index ac457ffd..e8dcb117 100644 --- a/static/src/components/input/InputComposer.vue +++ b/static/src/components/input/InputComposer.vue @@ -345,7 +345,7 @@ aria-haspopup="true" > {{ agentTypeLabel }} - +
span) { + max-height: calc(44px * 4 + 12px); } .settings-select-wrap.open .settings-floating-menu { @@ -350,6 +366,12 @@ body[data-theme='dark'] .settings-floating-menu { cursor: pointer; } +/* 含描述行的选项固定 44px:配合浮层 max-height 保证展开恰好 4 个整选项 */ +.settings-menu-option:has(> span) { + height: 44px; + min-height: 44px; +} + @media (hover: hover) { .settings-menu-option:hover { background: var(--settings-floating-menu-hover); @@ -369,6 +391,7 @@ body[data-theme='dark'] .settings-floating-menu { font-size: 14px; font-weight: 550; letter-spacing: -0.01em; + line-height: 1.3; min-width: 0; } diff --git a/static/src/styles/components/input/_composer.scss b/static/src/styles/components/input/_composer.scss index 36ef9b99..bd09ae83 100644 --- a/static/src/styles/components/input/_composer.scss +++ b/static/src/styles/components/input/_composer.scss @@ -613,9 +613,10 @@ body[data-theme='light'] { } .permission-switcher__caret { - font-size: 14px; + width: 10px; + height: 10px; + flex-shrink: 0; color: var(--text-secondary); - transform: rotate(90deg); transition: transform 0.18s ease; } @@ -628,7 +629,7 @@ body[data-theme='light'] { } .permission-switcher__caret.open { - transform: rotate(270deg); + transform: rotate(180deg); } .permission-switcher__item { @@ -1545,15 +1546,15 @@ body[data-theme='light'] { } .agent-type-switcher__caret { - font-size: 13px; + width: 10px; + height: 10px; + flex-shrink: 0; color: var(--text-secondary); - transform: rotate(90deg); transition: transform 0.18s ease; - line-height: 1; } .agent-type-switcher__caret.open { - transform: rotate(270deg); + transform: rotate(180deg); } /* 菜单底色/边框/圆角与 + 菜单(.quick-menu)一致 */