Skip to content

Commit c24da24

Browse files
committed
更新 layout.scss 文件:
1. 添加右侧内边距以改善布局; 2. 减小搜索框的内边距,确保不会导致溢出; 3. 确保搜索框和输入框宽度为 100%,并添加右侧边距以确保边框可见。
1 parent 9508024 commit c24da24

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/components/styles/layout.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,7 @@
6262
gap: v.$spacing-xs;
6363
height: 320px;
6464
margin: 0 auto;
65+
padding-right: v.$spacing-xs; // 添加右侧内边距
6566
transition: all 0.3s ease;
6667

6768
@media (max-width: 768px) {
@@ -76,14 +77,17 @@
7677

7778
.variables-search {
7879
flex-shrink: 0; // 防止搜索框被压缩
79-
padding: 0 12px;
80+
padding: 0 v.$spacing-xs; // 减小padding以确保不会导致溢出
8081
margin-bottom: v.$spacing-xs;
82+
width: 100%; // 确保宽度为100%
8183

8284
:deep(.el-input) {
8385
.el-input__wrapper {
8486
padding: 0 8px;
8587
height: 32px;
8688
border-radius: 16px;
89+
width: 100%; // 确保输入框占满容器宽度
90+
margin-right: v.$spacing-xs; // 添加右侧边距确保边框可见
8791
}
8892
}
8993
}

0 commit comments

Comments
 (0)