Change DataSelector style

minjk-bl · minjk-bl · commit 44e76c7de958 · 2023-02-28T16:56:46.000+09:00
diff --git a/visualpython/css/component/dataSelector.css b/visualpython/css/component/dataSelector.css
@@ -55,14 +55,14 @@
 }
 .vp-ds-data-box {
     width: 100%;
-    height: 160px;
+    height: 150px;
     align-content: baseline;
     align-items: center;
 }
 .vp-ds-type-box,
 .vp-ds-variable-box {
     border: 0.25px solid var(--border-gray-color);
-    height: 160px;
+    height: 150px;
     grid-row-gap: 0px;
     align-content: baseline;
 }
@@ -90,7 +90,7 @@
     margin-top: 10px;
 }
 .vp-ds-option-inner-box {
-    height: calc(100% - 30px);
+    height: calc(100% - 35px);
 }
 .vp-ds-df-option-box {
     height: 100%;
diff --git a/visualpython/html/component/dataSelector.html b/visualpython/html/component/dataSelector.html
@@ -8,7 +8,7 @@
                 <div class="vp-inner-popup-close" title="Close data selector"></div>
             </div>
             <div class="vp-inner-popup-body vp-scrollbar">
-                <div class="vp-grid-col-p50">
+                <div class="vp-grid-col-p50 mb5">
                     <label class="vp-bold">Type</label>
                     <label class="vp-bold">Data</label>
                 </div>
@@ -22,7 +22,7 @@
                 </div>
                 <div class="vp-ds-option-box">
                     <label class="vp-bold">Option Page</label>
-                    <div class="vp-ds-option-inner-box">
+                    <div class="vp-ds-option-inner-box mt5">
     
                     </div>
                 </div>

Original file line number	Diff line number	Diff line change
`@@ -55,14 +55,14 @@`
`55`	`55`	`}`
`56`	`56`	`.vp-ds-data-box {`
`57`	`57`	`width: 100%;`
`58`		`- height: 160px;`
	`58`	`+ height: 150px;`
`59`	`59`	`align-content: baseline;`
`60`	`60`	`align-items: center;`
`61`	`61`	`}`
`62`	`62`	`.vp-ds-type-box,`
`63`	`63`	`.vp-ds-variable-box {`
`64`	`64`	`border: 0.25px solid var(--border-gray-color);`
`65`		`- height: 160px;`
	`65`	`+ height: 150px;`
`66`	`66`	`grid-row-gap: 0px;`
`67`	`67`	`align-content: baseline;`
`68`	`68`	`}`
`@@ -90,7 +90,7 @@`
`90`	`90`	`margin-top: 10px;`
`91`	`91`	`}`
`92`	`92`	`.vp-ds-option-inner-box {`
`93`		`- height: calc(100% - 30px);`
	`93`	`+ height: calc(100% - 35px);`
`94`	`94`	`}`
`95`	`95`	`.vp-ds-df-option-box {`
`96`	`96`	`height: 100%;`