From d250e7136f96e615c5c7880951eadb635f0960b4 Mon Sep 17 00:00:00 2001
From: liubp <1535785116@qq.com>
Date: 星期一, 22 十二月 2025 19:27:32 +0800
Subject: [PATCH] 权限页面样式修改

---
 public/css/vc.css |   44 ++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/public/css/vc.css b/public/css/vc.css
index c48029f..5586b47 100644
--- a/public/css/vc.css
+++ b/public/css/vc.css
@@ -1542,13 +1542,13 @@
         width: 95%;
         overflow-x: auto;
     }
-    
+
     .cost-detail-container table {
         min-width: 1400px;
     }
 }
 
-#costDetailTableHead th{
+#costDetailTableHead th {
     background-color: rgb(233, 243, 255);
 }
 
@@ -1556,41 +1556,49 @@
     margin: 20px;
     font-family: "寰蒋闆呴粦", Arial, sans-serif;
 }
+
 .form-row {
     display: flex;
     align-items: center;
     margin-bottom: 18px;
     gap: 15px;
 }
+
 .form-label {
     width: 85px;
     text-align: right;
     padding-top: 8px;
 }
+
 .form-input {
     padding: 6px;
     width: 220px;
     border: 1px solid #ddd;
     border-radius: 4px;
 }
+
 .form-note {
     color: red;
     font-size: 12px;
 }
+
 .form-container .radio-group {
     display: flex;
     gap: 12px;
 }
+
 .form-container select {
     padding: 6px;
     width: 100px;
     border: 1px solid #ddd;
     border-radius: 4px;
 }
+
 .form-container .btn-group {
     margin-left: 95px;
     margin-top: 25px;
 }
+
 .form-container .btn-cancel {
     background-color: #0d6efd;
     color: white;
@@ -1600,6 +1608,7 @@
     cursor: pointer;
     margin-right: 12px;
 }
+
 .form-container .btn-save {
     background-color: #0d6efd;
     color: white;
@@ -1607,4 +1616,35 @@
     padding: 8px 18px;
     border-radius: 4px;
     cursor: pointer;
+}
+
+#button-container,
+#data-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-top: 10px;
+}
+
+#button-container .role-a-checkbox,
+#data-container .role-a-checkbox {
+    flex: 0 0 calc(20% - 8px);
+    min-width: 0;
+    box-sizing: border-box;
+}
+
+@media (max-width: 1200px) {
+
+    #button-container .role-a-checkbox,
+    #data-container .role-a-checkbox {
+        flex: 0 0 calc(25% - 8px);
+    }
+}
+
+@media (max-width: 768px) {
+
+    #button-container .role-a-checkbox,
+    #data-container .role-a-checkbox {
+        flex: 0 0 calc(50% - 8px);
+    }
 }
\ No newline at end of file

--
Gitblit v1.8.0