From a1dd97d5f1a750fba47ee51883ccb6627fbd533d Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Sun, 7 Jun 2026 03:41:27 +0800
Subject: [PATCH] fix(ui): align composer status controls

---
 static/src/styles/components/input/_composer.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/static/src/styles/components/input/_composer.scss b/static/src/styles/components/input/_composer.scss
index 097f40c..7d2cb6f 100644
--- a/static/src/styles/components/input/_composer.scss
+++ b/static/src/styles/components/input/_composer.scss
@@ -326,8 +326,9 @@ body[data-theme='light'] {
 }
 
 .permission-switcher {
+    --composer-side-control-offset: 20px;
     position: absolute;
-    left: 20px;
+    left: var(--composer-side-control-offset);
     bottom: -28px;
     z-index: 35;
     display: inline-flex;
@@ -340,8 +341,10 @@ body[data-theme='light'] {
 }
 
 .context-usage-switcher {
+    --composer-side-control-offset: 20px;
+    --context-ring-visual-inset: 5px;
     position: absolute;
-    right: 35px;
+    right: calc(var(--composer-side-control-offset) - var(--context-ring-visual-inset));
     bottom: -28px;
     z-index: 35;
 }
@@ -527,12 +530,12 @@ body[data-theme='light'] {
 
 @media (max-width: 768px) {
     .permission-switcher {
-        left: 20px;
+        left: var(--composer-side-control-offset);
         bottom: -28px;
     }
 
     .context-usage-switcher {
-        right: 25px;
+        right: calc(var(--composer-side-control-offset) - var(--context-ring-visual-inset));
         bottom: -28px;
     }