浏览代码

fix(payroll): distribute visible tabs evenly

彭峰 2 天之前
父节点
当前提交
eb4f464dfa
共有 1 个文件被更改,包括 3 次插入 和 1 次删除
  1. 3 1
      projects/xiaoshu-admin/src/app/pages/operations-payroll.component.scss

+ 3 - 1
projects/xiaoshu-admin/src/app/pages/operations-payroll.component.scss

@@ -48,7 +48,8 @@
 
 .payroll-tabs {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(0, 1fr);
   width: 100%;
   gap: 12px;
   margin: 0 0 18px;
@@ -549,6 +550,7 @@
   }
 
   .payroll-tabs {
+    grid-auto-flow: row;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 6px;
   }