Add general style for grid and flex

minjk-bl · minjk-bl · commit 35aa8ae066a0 · 2023-05-24T15:48:31.000+09:00
diff --git a/visualpython/css/root.css b/visualpython/css/root.css
@@ -564,6 +564,14 @@ hr.vp-extra-menu-line {
 .vp-inline-block {
     display: inline-block !important;
 }
+/* Flex */
+.vp-flex-box {
+    display: flex;
+}
+.vp-flex-gap5 {
+    display: flex;
+    gap: 5px;
+}
 /* Grid style */
 .vp-grid-box {
     display: grid;
@@ -614,6 +622,13 @@ hr.vp-extra-menu-line {
     align-items: baseline;
     align-content: space-evenly;
 }
+.vp-grid-col-160 {
+    display: grid;
+    grid-template-columns: 160px auto;
+    grid-row-gap: 5px;
+    align-items: baseline;
+    align-content: space-evenly;
+}
 /* Table style */
 .vp-tbl-gap5 {
     border-spacing: 5px;
