DeXun/fad_oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(hrm): 调整业务详情容器的布局与卡片宽度

Browse Source 
修改容器的flex布局方向和对齐方式，统一表单与报告卡片的最大宽度，优化页面整体排版
This commit is contained in:
王文昊
2026-07-06 15:45:25 +08:00
parent d819dd9195
commit 62796299c4
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ruoyi-ui/src/views/hrm/components/BizDetailContainer/index.vue
View File

@@ -459,24 +459,22 @@ export default {
padding: 16px 20px 32px; padding: 16px 20px 32px;
background: #f8f9fb; background: #f8f9fb;
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: center;
gap: 20px; gap: 20px;
} }
.form-card { .form-card {
max-width: 980px; width: 100%;
// margin: 0 auto; max-width: 1100px;
border: 1px solid #d7d9df; border: 1px solid #d7d9df;
border-radius: 12px; border-radius: 12px;
background: #ffffff; background: #ffffff;
} }
.report-card { .report-card {
width: 600px; width: 100%;
// position: fixed; max-width: 1100px;
// top: 104px;
// right: 0;
// margin: 0 auto;
border: 1px solid #d7d9df; border: 1px solid #d7d9df;
border-radius: 12px; border-radius: 12px;
background: #ffffff; background: #ffffff;