Add Indicator to home. Optimize stylesheet.

2023-09-14 23:41:41 +08:00
parent 41c77c2eaa
commit 4c1cc9e6a9
10 changed files with 83 additions and 22 deletions
--- a/src/assets/css/common.scss
+++ b/src/assets/css/common.scss
@@ -1,7 +1,4 @@
-$main-color: #00D4FF;
-$background-color: #F5F5F5;
-$font-main-color: #4D4D4D;
-$font-secondary-color: #9E9E9E;
+@use '@/assets/css/constants.scss' as constants;

 #root {
  height: 100vh;
@@ -9,7 +6,7 @@ $font-secondary-color: #9E9E9E;
 }

 .body {
-  color: $font-main-color;
+  color: constants.$font-main-color;
  user-select: none;
  min-width: 900px;
  min-height: 400px;
@@ -107,4 +104,12 @@ $font-secondary-color: #9E9E9E;
    width: 23px;
    height: 23px;
  }
+}
+
+.flex-horizontal {
+  flex-direction: row;
+}
+
+.flex-vertical {
+  flex-direction: column;
 }