feat: improve AuthFilesPage styles by enhancing input component dimensions, adjusting filterItem widths for better layout, and ensuring consistent box-sizing across elements

This commit is contained in:
Supra4E8C
2025-12-11 01:27:40 +08:00
parent 673ab15ad4
commit 3c1a600994

View File

@@ -61,18 +61,40 @@
gap: $spacing-md; gap: $spacing-md;
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-end; align-items: flex-end;
// 修复 Input 组件在 filterItem 中的嵌套样式
:global(.form-group) {
margin: 0;
}
:global(.input) {
height: 38px;
box-sizing: border-box;
}
} }
.filterItem { .filterItem {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
min-width: 120px;
label { label {
font-size: 12px; font-size: 12px;
color: var(--text-secondary); color: var(--text-secondary);
font-weight: 500; font-weight: 500;
white-space: nowrap;
}
// 搜索输入框需要更宽以显示完整的 placeholder
&:first-child {
min-width: 220px;
flex: 1;
max-width: 320px;
}
// 其他 filterItem 保持较小的宽度
&:not(:first-child) {
min-width: auto;
} }
} }
@@ -84,6 +106,8 @@
color: var(--text-primary); color: var(--text-primary);
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
height: 38px;
box-sizing: border-box;
&:focus { &:focus {
outline: none; outline: none;
@@ -98,6 +122,10 @@
font-size: 13px; font-size: 13px;
color: var(--text-secondary); color: var(--text-secondary);
white-space: nowrap; white-space: nowrap;
height: 38px;
box-sizing: border-box;
display: flex;
align-items: center;
} }
// 卡片网格 // 卡片网格