style(web): 调整输入框和任务列表样式

- 优化输入框高度与内边距,确保统一的字体大小和行高
- 调整表单项整体高度及标签样式,提升表单布局整洁度
- 设置文本域最小高度及内边距,改善多行文本输入体验
- 增加任务列表表格字体大小和行高,提升可读性
- 优化任务列表表格头部与行的背景色及悬停效果
- 调整表格操作按钮尺寸与字体大小,提升操作体验
This commit is contained in:
zhouyonggao 2025-12-22 20:42:51 +08:00
parent fe45f8fa6f
commit 65f4b59c89
1 changed files with 90 additions and 0 deletions

View File

@ -1,2 +1,92 @@
body{font-family:system-ui,Arial} body{font-family:system-ui,Arial}
.section-title{font-weight:600;margin:8px 0} .section-title{font-weight:600;margin:8px 0}
/* 输入框高度调整 */
:root .el-input__wrapper {
padding: 0 6px !important;
min-height: 20px !important;
}
:root .el-input .el-input__inner {
height: 20px !important;
line-height: 20px !important;
font-size: 12px !important;
}
:root .el-input--small .el-input__wrapper {
padding: 0 6px !important;
min-height: 18px !important;
}
:root .el-input--small .el-input__inner {
height: 18px !important;
line-height: 18px !important;
font-size: 12px !important;
}
/* 表单项输入框 */
:root .el-form-item .el-input__wrapper {
padding: 0 6px !important;
min-height: 20px !important;
}
:root .el-form-item .el-input__inner {
height: 20px !important;
line-height: 20px !important;
font-size: 12px !important;
}
/* 文本域高度调整 */
:root .el-textarea__inner {
min-height: 60px !important;
padding: 4px 8px !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
/* 表单项整体高度调整 */
:root .el-form-item {
margin-bottom: 12px !important;
}
:root .el-form-item__label {
line-height: 20px !important;
font-size: 12px !important;
padding: 0 !important;
margin-bottom: 4px !important;
}
:root .el-form-item__content {
line-height: 20px !important;
}
/* 任务列表样式 - 参考变更文件 */
.el-dialog__body {
padding: 16px;
}
.el-table--small {
font-size: 13px;
}
.el-table--small .el-table__header th {
background-color: #f5f7fa;
font-weight: 600;
padding: 8px 0;
}
.el-table--small .el-table__body td {
padding: 8px 0;
}
.el-table--small .el-table__row {
height: auto;
}
/* 任务列表行 */
.el-table--small tbody tr {
transition: background-color 0.2s;
}
.el-table--small tbody tr:hover {
background-color: #f5f7fa;
}
/* 表格操作按钮 */
.el-table .el-button--small {
height: 28px;
font-size: 12px;
}