Преглед изворни кода

fix(payroll): distribute visible tabs evenly

彭峰 пре 8 часа
родитељ
комит
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 {
 .payroll-tabs {
   display: grid;
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(0, 1fr);
   width: 100%;
   width: 100%;
   gap: 12px;
   gap: 12px;
   margin: 0 0 18px;
   margin: 0 0 18px;
@@ -549,6 +550,7 @@
   }
   }
 
 
   .payroll-tabs {
   .payroll-tabs {
+    grid-auto-flow: row;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 6px;
     gap: 6px;
   }
   }