root/moteva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): refine composer and image drop border radius and padding

Browse Source 
Drive the drop-target border radius from --image-drop-radius, enlarge the
overlay radius, and widen the composer editor padding.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
liangxu
2026-07-11 10:04:06 +08:00
parent bb8946b79b
commit cc5753c19d
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/components/CanvasAgentComposer/index.css
+7 -2
View File
@@ -30,7 +30,7 @@
.assistant-composer.floating-composer { .assistant-composer.floating-composer {
margin: 0; margin: 0;
border-color: #cbd2dc; border-color: #cbd2dc;
border-radius: 28px; border-radius: var(--image-drop-radius);
--image-drop-radius: 28px; --image-drop-radius: 28px;
background: rgba(255, 255, 255, 0.98); background: rgba(255, 255, 255, 0.98);
box-shadow: 0 18px 45px rgba(17, 24, 39, 0.14); box-shadow: 0 18px 45px rgba(17, 24, 39, 0.14);
@@ -40,7 +40,7 @@
width: 100%; width: 100%;
min-height: 48px; min-height: 48px;
max-height: 240px; max-height: 240px;
padding: 0 4px; padding: 0 20px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
border: 0; border: 0;
@@ -55,6 +55,11 @@
scrollbar-width: none; scrollbar-width: none;
} }
.assistant-composer .prompt-rich-editor.compact {
padding: 0 20px;
min-height: 48px;
}
.assistant-composer .prompt-rich-editor::-webkit-scrollbar { .assistant-composer .prompt-rich-editor::-webkit-scrollbar {
display: none; display: none;
} }
frontend/src/ui/components/ImageDropOverlay/index.css
+2 -1
View File
@@ -2,7 +2,8 @@
position: relative; position: relative;
isolation: isolate; isolation: isolate;
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
--image-drop-radius: 8px; border-radius: var(--image-drop-radius);
--image-drop-radius: 40px;
} }
.image-drop-target.is-image-dragging { .image-drop-target.is-image-dragging {