accounts/SignIn: various visual improvement

2024-12-23 18:31:56 +08:00 · 2024-12-23 18:31:56 +08:00 · 771de51228
commit 771de51228
parent a7bca9bd67
2 changed files with 32 additions and 11 deletions
--- a/src/accounts/SignIn.css
+++ b/src/accounts/SignIn.css
@ -0,0 +1,27 @@
+.SignIn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 448px;
+
+  @media (max-width: 600px) {
+    & {
+      position: static;
+      height: 100vh;
+      width: 100%;
+      transform: none;
+      overflow: auto;
+    }
+  }
+
+  >.key-content {
+    height: 100%;
+
+    >form {
+      display: flex;
+      flex-flow: column;
+      gap: 16px;
+    }
+  }
+}