diff options
| author | crupest <crupest@outlook.com> | 2023-07-21 17:07:28 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-07-21 17:07:28 +0800 |
| commit | 4c4bb2d0a25702b840ef56e1e236498376f66bee (patch) | |
| tree | e9fac24a5efa6c55e94e96dc155be5a56a9010d2 /FrontEnd/src/pages/setting | |
| parent | d7b050ef7f047f841ffcda96fbdc9857574e97b9 (diff) | |
| download | timeline-4c4bb2d0a25702b840ef56e1e236498376f66bee.tar.gz timeline-4c4bb2d0a25702b840ef56e1e236498376f66bee.tar.bz2 timeline-4c4bb2d0a25702b840ef56e1e236498376f66bee.zip | |
...
Diffstat (limited to 'FrontEnd/src/pages/setting')
| -rw-r--r-- | FrontEnd/src/pages/setting/index.css | 23 | ||||
| -rw-r--r-- | FrontEnd/src/pages/setting/index.tsx | 1 |
2 files changed, 19 insertions, 5 deletions
diff --git a/FrontEnd/src/pages/setting/index.css b/FrontEnd/src/pages/setting/index.css index af5ccf20..9458d937 100644 --- a/FrontEnd/src/pages/setting/index.css +++ b/FrontEnd/src/pages/setting/index.css @@ -43,6 +43,10 @@ color: var(--cru-secondary-text-color);
}
+.setting-item-value-area {
+ margin-left: auto;
+}
+
.setting-item-container.setting-type-button {
cursor: pointer;
}
@@ -51,6 +55,13 @@ color: var(--cru-danger-color);
}
+.register-code {
+ background: var(--cru-surface-container-highest-color);
+ border: 1px solid var(--cru-surface-container-highest-color);
+ border-radius: 3px;
+ padding: 0.2em;
+ cursor: pointer;
+}
@media (max-width: 576) {
.setting-item-container.setting-type-select {
@@ -60,10 +71,12 @@ .setting-item-container.setting-type-select .setting-item-value-area {
margin-top: 1em;
}
-}
-.register-code {
- border: 1px solid black;
- border-radius: 3px;
- padding: 0.2em;
+ .register-code-setting-item {
+ flex-direction: column;
+ }
+
+ .register-code-setting-item .register-code {
+ margin-top: 1em;
+ }
}
\ No newline at end of file diff --git a/FrontEnd/src/pages/setting/index.tsx b/FrontEnd/src/pages/setting/index.tsx index 5d6dcbc0..2599f2f5 100644 --- a/FrontEnd/src/pages/setting/index.tsx +++ b/FrontEnd/src/pages/setting/index.tsx @@ -158,6 +158,7 @@ function RegisterCodeSettingItem() { <SettingItemContainer title="settings.myRegisterCode" description="settings.myRegisterCodeDesc" + className="register-code-setting-item" onClick={() => setDialogOpen(true)} > {registerCode === undefined ? ( |