style(web): 调整输入框和任务列表样式
- 优化输入框高度与内边距,确保统一的字体大小和行高 - 调整表单项整体高度及标签样式,提升表单布局整洁度 - 设置文本域最小高度及内边距,改善多行文本输入体验 - 增加任务列表表格字体大小和行高,提升可读性 - 优化任务列表表格头部与行的背景色及悬停效果 - 调整表格操作按钮尺寸与字体大小,提升操作体验
This commit is contained in:
parent
fe45f8fa6f
commit
65f4b59c89
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue