|
@@ -1,9 +1,11 @@
|
|
@import "./tailwind.css";
|
|
@import "./tailwind.css";
|
|
@import "./nprogress.css";
|
|
@import "./nprogress.css";
|
|
@import "./cssvar.css";
|
|
@import "./cssvar.css";
|
|
|
|
+@import "./icon.css";
|
|
|
|
|
|
body {
|
|
body {
|
|
font-size: var(--app-font-size);
|
|
font-size: var(--app-font-size);
|
|
|
|
+ font-weight: var(--app-font-weight);
|
|
color: var(--app-color-text-main);
|
|
color: var(--app-color-text-main);
|
|
min-width: var(--app-min-width);
|
|
min-width: var(--app-min-width);
|
|
min-height: 600px;
|
|
min-height: 600px;
|
|
@@ -12,20 +14,153 @@ body {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
user-select: none;
|
|
user-select: none;
|
|
}
|
|
}
|
|
|
|
+/* qm */
|
|
|
|
+.qm-primary-text {
|
|
|
|
+ font-size: var(--app-font-size);
|
|
|
|
+ font-weight: normal;
|
|
|
|
+ font-stretch: normal;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ letter-spacing: 0px;
|
|
|
|
+ color: var(--app-color-text-main);
|
|
|
|
+}
|
|
|
|
+.qm-primary-strong-text {
|
|
|
|
+ font-size: var(--app-font-size);
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ font-stretch: normal;
|
|
|
|
+ line-height: 14px;
|
|
|
|
+ letter-spacing: 0px;
|
|
|
|
+ color: var(--app-color-text-sub);
|
|
|
|
+}
|
|
|
|
+.qm-secondary-text {
|
|
|
|
+ font-size: var(--app-font-size-tiny);
|
|
|
|
+ font-weight: normal;
|
|
|
|
+ font-stretch: normal;
|
|
|
|
+ line-height: var(--app-line-height);
|
|
|
|
+ letter-spacing: 0px;
|
|
|
|
+ color: var(--app-color-text-sub);
|
|
|
|
+}
|
|
|
|
+.qm-big-text {
|
|
|
|
+ font-size: var(--app-font-size-large);
|
|
|
|
+ font-weight: normal;
|
|
|
|
+ font-stretch: normal;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ letter-spacing: 0px;
|
|
|
|
+ color: var(--app-color-text-main);
|
|
|
|
+}
|
|
|
|
+.qm-title-text {
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ font-stretch: normal;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ letter-spacing: 0px;
|
|
|
|
+ color: var(--app-color-text-sub);
|
|
|
|
+}
|
|
|
|
+.qm-primary-button {
|
|
|
|
+ /* font-size: 36px; */
|
|
|
|
+ display: inline-block;
|
|
|
|
+ height: 36px;
|
|
|
|
+ font-size: var(--app-font-size);
|
|
|
|
+ color: var(--app-color-white);
|
|
|
|
+ background-color: var(--app-color-primary);
|
|
|
|
+ border-radius: var(--app-border-radius);
|
|
|
|
+ padding: 0 30px;
|
|
|
|
+ line-height: 36px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.qm-primary-button:hover {
|
|
|
|
+ color: var(--app-color-white);
|
|
|
|
+ background-color: var(--app-color-primary);
|
|
|
|
+}
|
|
|
|
+.n-button.qm-primary-button {
|
|
|
|
+ line-height: 1.5em;
|
|
|
|
+}
|
|
|
|
+.n-button.qm-primary-button-padding-fix {
|
|
|
|
+ padding: 0;
|
|
|
|
+}
|
|
|
|
+.qm-secondary-button {
|
|
|
|
+ height: 36px;
|
|
|
|
+ font-size: var(--app-font-size);
|
|
|
|
+ color: var(--app-color-text-light);
|
|
|
|
+ background-color: var(--app-color-white);
|
|
|
|
+ border-radius: var(--app-border-radius);
|
|
|
|
+ padding: 0 30px;
|
|
|
|
+ line-height: 36px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.qm-secondary-button:hover {
|
|
|
|
+ color: var(--app-color-text-light);
|
|
|
|
+ background-color: var(--app-color-white);
|
|
|
|
+}
|
|
|
|
+.n-button.qm-secondary-button {
|
|
|
|
+ line-height: 1.5em;
|
|
|
|
+}
|
|
|
|
+.qm-icon-button {
|
|
|
|
+ height: 36px;
|
|
|
|
+ font-size: 36px;
|
|
|
|
+ color: var(--app-color-text-light);
|
|
|
|
+ background-color: var(--app-color-white);
|
|
|
|
+ line-height: 36px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.qm-icon-button:hover {
|
|
|
|
+ color: var(--app-color-text-sub);
|
|
|
|
+ background-color: var(--app-color-white);
|
|
|
|
+}
|
|
|
|
+.qm-link-text {
|
|
|
|
+ color: var(--app-color-text-main);
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
|
|
+.qm-link-text:hover {
|
|
|
|
+ color: var(--app-color-primary);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.qm-mr-5 {
|
|
|
|
+ margin-right: 5px;
|
|
|
|
+}
|
|
|
|
+.qm-mr-10 {
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+}
|
|
|
|
+.qm-mb-5 {
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
+}
|
|
|
|
+.qm-mb-10 {
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+}
|
|
|
|
+.qm-mb-20 {
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+}
|
|
|
|
|
|
.main-text-color {
|
|
.main-text-color {
|
|
color: var(--app-color-text-main);
|
|
color: var(--app-color-text-main);
|
|
}
|
|
}
|
|
-
|
|
|
|
.secondary-text {
|
|
.secondary-text {
|
|
color: var(--app-color-text-sub);
|
|
color: var(--app-color-text-sub);
|
|
font-size: var(--app-font-size-tiny);
|
|
font-size: var(--app-font-size-tiny);
|
|
}
|
|
}
|
|
-
|
|
|
|
.header-small-text {
|
|
.header-small-text {
|
|
font-size: var(--app-font-size-tiny);
|
|
font-size: var(--app-font-size-tiny);
|
|
}
|
|
}
|
|
.highlight-text {
|
|
.highlight-text {
|
|
- color: white;
|
|
|
|
|
|
+ color: var(--app-color-white);
|
|
|
|
+ font-size: var(--app-font-size);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* other */
|
|
|
|
+.part-box {
|
|
|
|
+ padding: 20px;
|
|
|
|
+ border: 1px solid var(--app-color-border);
|
|
|
|
+ border-radius: var(--app-border-radius);
|
|
|
|
+}
|
|
|
|
+.tips-info {
|
|
font-size: var(--app-font-size);
|
|
font-size: var(--app-font-size);
|
|
|
|
+ line-height: var(--app-line-height);
|
|
|
|
+ color: var(--app-color-text-light);
|
|
|
|
+}
|
|
|
|
+.tips-error {
|
|
|
|
+ color: var(--app-color-error);
|
|
|
|
+}
|
|
|
|
+.box-justify {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
}
|
|
}
|