improve password ui

SnowFlakeOS · May 22, 2018 · 15a430b · 15a430b
1 parent 8486d35
commit 15a430b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/res/ui_front/css/login.css b/res/ui_front/css/login.css
@@ -24,7 +24,7 @@ body {
 }
 
 #container {
-    width: 25vh;
+    width: 40vh;
     height: 35vh;
 
     justify-content: space-between;
@@ -59,17 +59,19 @@ body {
     /* visibility: hidden; */
 }
 #password-textbox {
-    box-sizing: border-box;
-    width: 100%;
-
+    padding: 1vh 2vh;
+    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
     outline: none;
+    border-radius: 30px;
     border: 1px solid #cdcdcd;
     border-color: rgba(0,0,0,.15);
-    background-color: rgba(0,0,0,.15);
+    background-color: rgba(255,255,255,.5);
     font-size: 2vh;
-    color: white;
+    letter-spacing: 1vh;
+    color: rgba(0,0,0,.5);
 }
 
 #password-textbox:focus {
-    background-color: rgba(0,0,0,.3);
+    background-color: rgba(255,255,255,.75);
+    color: black;
 }
diff --git a/res/ui_front/login.html b/res/ui_front/login.html
@@ -13,9 +13,7 @@
                 <div id="user-name">SnowFlake</div>
             </div>
             <div id="password" class="column">
-                <form>
-                    <input id="password-textbox" type="password">
-                </form>
+                <input id="password-textbox" type="password">
             </div>
         </div>
     </body>