public/FastapiAdmin
1
0
Fork 0
mirror of https://github.com/fastapiadmin/FastapiAdmin.git synced 2026-10-09 11:12:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 批量优化前端页面样式与组件交互

Browse Source 
1. 统一调整表单组件label-width为100px，移除分页默认内边距
2. 新增表格按钮悬浮动效，优化弹窗抽屉样式与交互
3. 重构仪表盘页面，迁移旧演示组件到首页
4. 调整日志详情项排序与表单重置逻辑
5. 优化缓存监控图表样式与布局
This commit is contained in:
zhangtao
2026-05-19 00:59:00 +08:00
parent fe9e32856f
commit 34b2d9302b
23 changed files with 675 additions and 666 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/web/src/styles/core/el-ui.scss
+12 -2
View File
@@ -120,11 +120,11 @@ html.dark .el-card {
.el-dialog__title {
font-size: 16px;
}
}
}
.el-dialog__body {
position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
padding: 25px 0 !important;
padding: 12px 0px !important;
}
.el-dialog.el-dialog-border {
@@ -151,6 +151,16 @@ html.dark .el-card {
}
}
.el-drawer__header {
padding: 12px 8px !important;
margin-bottom: 2px !important;
}
.el-drawer__body {
position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
padding: 0px 8px !important;
}
// el-message 样式优化
.el-message {
background-color: var(--default-box-color) !important;