From 14d26bec71613af72d25c810b4d3ebe5c0e7cdbb Mon Sep 17 00:00:00 2001
From: Jz0ojiang <hi@im0o.top>
Date: Wed, 12 Aug 2026 03:24:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E9=98=85=E8=A1=A8=E5=8D=95=E7=9A=84?=
 =?UTF-8?q?=E9=97=B4=E9=9A=94=E8=BE=93=E5=85=A5=E6=A1=86=E5=92=8C=E5=85=B6?=
 =?UTF-8?q?=E5=AE=83=E8=A1=8C=E5=AF=B9=E9=BD=90=EF=BC=8C=E5=8D=95=E4=BD=8D?=
 =?UTF-8?q?=E7=94=BB=E8=BF=9B=E6=A1=86=E5=86=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

秒挂在框外占掉一截宽度，这一行就比名称、地址短一块。单位改成绝对
定位贴在输入框内侧右缘，框本身回到整行宽。
---
 web/views/SubscriptionForm.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/web/views/SubscriptionForm.vue b/web/views/SubscriptionForm.vue
index 8eb7a43..dd0f3dc 100644
--- a/web/views/SubscriptionForm.vue
+++ b/web/views/SubscriptionForm.vue
@@ -281,17 +281,24 @@ input {
   background: var(--c-bg);
 }
 
-/* 输入框加单位后缀：数字和它的量纲摆在一起 */
+/* 单位画在输入框内侧右缘：框和其它行齐宽，数字和量纲还在一起 */
 .with-unit {
-  display: flex;
-  align-items: center;
-  gap: var(--s-2);
+  position: relative;
+}
+
+.with-unit input {
+  width: 100%;
+  padding-right: 2.4em;
 }
 
 .unit {
-  flex: none;
-  color: var(--c-text-soft);
+  position: absolute;
+  right: var(--s-3);
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--c-text-faint);
   font-size: var(--t-sm);
+  pointer-events: none;
 }
 
 /* 开关。align-self 抵消 row 的 baseline 对齐，胶囊不该被拉到文字基线上 */