Merge pull request #761 from airbnb/csharplus_refine_signin

Refine the layout of sign-in page
airbnb · Mar 1, 2023 · 34ebb85 · 34ebb85
2 parents 493e219 + 889bf47
commit 34ebb85
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 27 deletions.
diff --git a/knowledge_repo/app/static/css/pages/auth-switcher.css b/knowledge_repo/app/static/css/pages/auth-switcher.css
@@ -29,6 +29,7 @@ ul.auth-providers>li>a {
     transition: background 0.3s;
     color: #000;
     text-decoration: none;
+    font-size: 1.2em;
 }
 
 ul.auth-providers>li>a:hover {
@@ -51,4 +52,28 @@ span.auth-message {
     font-size: 1.5em;
     font-weight: bold;
     text-align: center;
+}
+
+.login-form {
+    display: block;
+    list-style-type: none;
+    width: 400px;
+    margin: 50px auto;
+    padding: 1em;
+    background: #fdfcfccf;
+    border: 2px solid #1d1b1bcf;
+    border-radius: 21px;
+    box-sizing: border-box;
+    box-shadow: 0.5px 1px 2px 0px #00000029;
+}
+
+.login-option {
+    display: block;
+    list-style-type: none;
+    width: 300px;
+    margin: 5px auto;
+    padding: 1em;
+    background: white;
+    box-sizing: border-box;
+    box-shadow: 0.5px 1px 2px 0px #00000029;
 }
diff --git a/knowledge_repo/app/static/images/auth/google.png b/knowledge_repo/app/static/images/auth/google.png
diff --git a/knowledge_repo/app/templates/auth-switcher.html b/knowledge_repo/app/templates/auth-switcher.html
@@ -24,33 +24,6 @@
 
 {% block content %}
 
-<style>
-  .login-form {
-      display: block;
-      list-style-type: none;
-      width: 400px;
-      margin: 50px auto;
-      padding: 1em;
-      background: #fdfcfccf;
-      border: 1px solid #1d1b1bcf;
-      border-radius: 21px;
-      box-sizing: border-box;
-      box-shadow: 0.5px 1px 2px 0px #00000029;
-  }
-  .login-option {
-      display: block;
-      list-style-type: none;
-      width: 300px;
-      margin: 5px auto;
-      padding: 1em;
-      background: white;
-      border: 1px solid #000000;
-      border-radius: 11px;
-      box-sizing: border-box;
-      box-shadow: 0.5px 1px 2px 0px #00000029;
-  }
-</style>
-
 <div class='login-form'>
 {% if providers %}
   <span class='auth-message'>