fix: 修复文本输入框超出容器边界

- input/textarea 添加 box-sizing: border-box
- card 添加 overflow: hidden 防止内容溢出

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
刘正航
2026-04-22 00:10:34 +08:00
parent 385ebe25e7
commit 8efd86968f

View File

@@ -112,6 +112,7 @@ page {
background: var(--card); background: var(--card);
border: 1rpx solid var(--line); border: 1rpx solid var(--line);
box-shadow: var(--shadow); box-shadow: var(--shadow);
overflow: hidden;
transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
} }
@@ -164,6 +165,7 @@ page {
.input, .input,
.textarea { .textarea {
width: 100%; width: 100%;
box-sizing: border-box;
min-height: 88rpx; min-height: 88rpx;
border-radius: 16rpx; border-radius: 16rpx;
border: 1rpx solid rgba(125, 163, 204, 0.36); border: 1rpx solid rgba(125, 163, 204, 0.36);