Bläddra i källkod

定制表单错位问题

chente 5 år sedan
förälder
incheckning
c81639dda6
2 ändrade filer med 29 tillägg och 15 borttagningar
  1. 11 10
      css/main.css
  2. 18 5
      settings-poj.html

+ 11 - 10
css/main.css

@@ -51,6 +51,16 @@ font-size: .875rem;
 .input-group-text .group-checkbox[type="checkbox"],.input-group-text .group-checkbox[type="radio"]{
   margin-top: .3rem;
 }
+
+.custom-control-label::before {
+  top:.1rem;
+}
+.custom-control-label::after{
+  top:.1rem;
+}
+.custom-switch .custom-control-label::after{
+  top:.25rem;
+}
 .custom-control {
   min-height: 1.2rem
 }
@@ -68,17 +78,11 @@ font-size: .875rem;
 }
 .custom-control-warning-input:checked ~ .custom-control-warning-label::before{
   border-color:#da9500 ;
-  background-color:#da9500 
+  background-color:#da9500
 }
 .custom-control-warning-label{
   color:#da9500;
 }
-.custom-control-label::before{
-  top:.15rem;
-}
-.custom-control-label::after{
-  top:.15rem;
-}
 /*
 .btn.disabled, .btn:disabled {
   opacity:.4
@@ -1083,9 +1087,6 @@ legend {
   padding:.2em .4em;
   top:0;
 }
-.custom-switch .custom-control-label::after{
-  top:.25rem;
-}
 .search-group {
   position: relative;
 }

+ 18 - 5
settings-poj.html

@@ -40,11 +40,7 @@
     </div>
     <div class="main-panel">
     			<div class="panel-sidebar">
-    				<div class="panel-title">
-    					<div class="title-bar">
-    						<h2>项目设置</h2>
-    					</div>
-    				</div>
+            <div class="sidebar-title">项目设置</div>
     				<div class="scrollbar-auto">
     					<div class="nav-box">
     						<ul class="nav-list list-unstyled">
@@ -107,6 +103,23 @@
 								    <label>创建时间</label>
 								    <input class="form-control form-control-sm" value="2017-06-05" type="text" readonly>
 								  </div>
+                  <legend>其他信息(报表显示)</legend>
+                  <div class="form-group">
+                    <label>主管部门</label>
+                    <input class="form-control form-control-sm" type="text">
+                  </div>
+                  <div class="form-group">
+                    <label>建设项目类别</label>
+                    <input class="form-control form-control-sm" type="text">
+                  </div>
+                  <div class="form-group">
+                    <label>级别</label>
+                    <input class="form-control form-control-sm" type="text">
+                  </div>
+                  <div class="form-group">
+                    <label>建设性质</label>
+                    <input class="form-control form-control-sm" type="text">
+                  </div>
 								</form>
                   </div>
                 </div>