Improve signin/signup page design

qb-rs · Aug 31, 2023 · 31c1ead · 31c1ead
1 parent 9a55629
commit 31c1ead
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 16 deletions.
diff --git a/qb-frontend/src/app.css b/qb-frontend/src/app.css
@@ -28,11 +28,10 @@ p {
 }
 
 button {
-  font-size: 18px;
   display: inline-block;
-  padding: 0.4em 0.8em;
-  border-radius: 0.6em;
-  text-decoration: none;
+  padding: 10px 15px;
+  border-radius: 10px;
+  font-size: 16px;
   cursor: pointer;
   background-color: transparent;
   background-color: #55f;
@@ -45,11 +44,6 @@ button:hover, button:active {
   background-color: #66f;
 }
 
-input:focus {
-  outline: 0.2em solid rgba(0, 0, 255, 0.2);
-  animation: 3s outline linear infinite;
-}
-
 button:focus {
   outline: 0.2em solid rgba(0, 0, 255, 0.2);
   animation: 3s outline linear infinite;
@@ -124,6 +118,8 @@ input {
 }
 
 input:focus {
+  outline: 0.2em solid rgba(0, 0, 255, 0.2);
+  animation: 3s outline linear infinite;
   border-color: rgba(100, 100, 255, 0.8);
 }
 

diff --git a/qb-frontend/src/routes/signin/+page.svelte b/qb-frontend/src/routes/signin/+page.svelte
@@ -57,10 +57,18 @@
     background-size: 180px;
   }
 
+  br {
+    margin: 10px 0;
+  }
+
+  button {
+    margin-top: 10px;
+  }
+
   form {
     display: flex;
     flex-direction: column;
-    row-gap: 20px;
+    row-gap: 10px;
     width: 100%;
     max-width: 450px;
     padding: 40px 60px;
@@ -83,6 +91,7 @@
     main {
       background-image: none;
       align-items: start;
+      padding: 60px 0;
     }
   }
 </style>
diff --git a/qb-frontend/src/routes/signup/+page.svelte b/qb-frontend/src/routes/signup/+page.svelte
@@ -68,10 +68,18 @@
     background-size: 180px;
   }
 
+  br {
+    margin: 10px 0;
+  }
+
+  button {
+    margin-top: 10px;
+  }
+
   form {
     display: flex;
     flex-direction: column;
-    row-gap: 20px;
+    row-gap: 10px;
     width: 100%;
     max-width: 450px;
     padding: 40px 60px;
@@ -94,6 +102,7 @@
     main {
       background-image: none;
       align-items: start;
+      padding: 60px 0;
     }
   }
 </style>
diff --git a/qb-proxy/nginx.conf b/qb-proxy/nginx.conf
@@ -28,13 +28,9 @@ http {
 
         root /usr/share/nginx/html/;
         index index.html;
-        error_page 404 = @404;
+        error_page 404 = /404.html;
         gzip_static on;
 
-        location @404 {
-            alias /usr/share/nginx/html/404.html;
-        }
-
         include backend.conf;
     }
 }