From 65f4b59c8941cc5c486c1779f84d2b7bff791766 Mon Sep 17 00:00:00 2001 From: zhouyonggao <1971162852@qq.com> Date: Mon, 22 Dec 2025 20:42:51 +0800 Subject: [PATCH] =?UTF-8?q?style(web):=20=E8=B0=83=E6=95=B4=E8=BE=93?= =?UTF-8?q?=E5=85=A5=E6=A1=86=E5=92=8C=E4=BB=BB=E5=8A=A1=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 优化输入框高度与内边距,确保统一的字体大小和行高 - 调整表单项整体高度及标签样式,提升表单布局整洁度 - 设置文本域最小高度及内边距,改善多行文本输入体验 - 增加任务列表表格字体大小和行高,提升可读性 - 优化任务列表表格头部与行的背景色及悬停效果 - 调整表格操作按钮尺寸与字体大小,提升操作体验 --- web/styles.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) diff --git a/web/styles.css b/web/styles.css index f54a655..8a9a5e1 100644 --- a/web/styles.css +++ b/web/styles.css @@ -1,2 +1,92 @@ body{font-family:system-ui,Arial} .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; +}