Refactor(App): Change sass to less

2024-10-17 13:50:47 +08:00
parent a482bbc14c
commit 3d77dc793b
98 changed files with 466 additions and 363 deletions
--- a/src/assets/css/pages/tools/create.less
+++ b/src/assets/css/pages/tools/create.less
@@ -0,0 +1,60 @@
+@import "@/assets/css/constants";
+
+[data-component=tools-create] {
+  .root-content {
+    padding: 20px;
+    gap: 20px;
+    height: 100%;
+    width: 100%;
+
+    > * {
+      gap: 10px;
+      width: 0;
+
+      .title {
+        flex: 0 0 auto;
+        height: 40px;
+
+        > * {
+          height: 100%;
+          width: 100%;
+          justify-content: center;
+          align-items: center;
+          font-size: 1.6em;
+          color: @production-color;
+          font-weight: bolder;
+        }
+      }
+
+      .config {
+        .config-content {
+          padding: 20px;
+
+          .help {
+            margin-left: 6px;
+            color: @font-main-color;
+            font-size: 0.8em;
+          }
+
+          .create-bt {
+            width: 100%;
+            font-weight: bold;
+          }
+        }
+      }
+
+      .preview {
+        display: flex;
+        position: relative;
+        justify-content: center;
+        align-items: center;
+
+        .no-preview {
+          font-weight: bolder;
+          color: @font-secondary-color;
+          font-size: 1.4em;
+        }
+      }
+    }
+  }
+}