diff --git a/static/src/styles/components/input/_composer.scss b/static/src/styles/components/input/_composer.scss index 4968632..b5751d1 100644 --- a/static/src/styles/components/input/_composer.scss +++ b/static/src/styles/components/input/_composer.scss @@ -209,6 +209,14 @@ right: 25px; bottom: -28px; } + + /* 权限菜单在手机端自适应位置,避免跑出屏幕 */ + .permission-switcher__menu { + left: auto; + right: 0; + width: min(250px, calc(100vw - 40px)); + max-width: 250px; + } } .stadium-shell { @@ -768,3 +776,67 @@ opacity: 0; transform: translateY(6px); } + +/* 手机端审批面板样式 - 与电脑端保持一致 */ +.mobile-approval-overlay { + pointer-events: auto; +} + +.mobile-approval-overlay .mobile-panel-sheet--approval { + pointer-events: auto; + background: var(--claude-panel); +} + +/* 手机端审批面板按钮样式 - 与电脑端一致 */ +@media (max-width: 768px) { + .mobile-panel-sheet--approval .approval-btn { + border-radius: 8px; + padding: 8px 14px; + font-size: 13px; + } + + .mobile-panel-sheet--approval .approval-btn--approve { + background: var(--claude-accent); + color: #fff; + border-color: var(--claude-accent); + } + + .mobile-panel-sheet--approval .approval-btn--reject { + background: transparent; + border-color: var(--theme-control-border-strong); + } + + .mobile-panel-sheet--approval .approval-btn--switch { + background: transparent; + border-color: var(--claude-accent); + color: var(--claude-accent); + } + + /* 审批卡片样式保持一致 */ + .mobile-panel-sheet--approval .approval-card { + border-color: var(--theme-control-border); + background: var(--theme-surface-soft); + } + + /* 审批面板样式 - 移除背景色让内容顶头 */ + .mobile-panel-sheet--approval .sidebar.right-sidebar { + background: transparent !important; + } + + .mobile-panel-sheet--approval .sidebar-header, + .mobile-panel-sheet--approval .sidebar .sidebar-header { + background: transparent !important; + border-color: var(--claude-border); + padding: 0 16px !important; + } + + /* 移动端审批面板关闭按钮 - 移除圆形外框 */ + .mobile-panel-sheet--approval .approval-close-btn { + background: transparent !important; + border-radius: 0 !important; + width: auto !important; + height: auto !important; + padding: 4px !important; + font-size: 24px !important; + } +}