From 4c4bb2d0a25702b840ef56e1e236498376f66bee Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Fri, 21 Jul 2023 17:07:28 +0800
Subject: ...

---
 FrontEnd/src/pages/setting/index.css | 23 ++++++++++++++++++-----
 FrontEnd/src/pages/setting/index.tsx |  1 +
 2 files changed, 19 insertions(+), 5 deletions(-)

(limited to 'FrontEnd/src/pages')

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 ? (
-- 
cgit v1.2.3