Memperbaiki tampilian login

20b5e359 · Akmal Fadlurohman · 38bbe481 · 427c48a2 · 20b5e359 · 20b5e359
Commit 20b5e359 authored 7 years ago by Akmal Fadlurohman
--- a/css/default_style.css
+++ b/css/default_style.css
@@ -29,8 +29,8 @@
    background: #ff264e;
 }

-input{
-	width: 90%;
+input {
+	width: 75%;
 	margin: 1px auto 15px;
 }

@@ -40,5 +40,5 @@ a:link, a:visited {
 }

 a:hover {
-    opacity: 0.5;
+	opacity: 0.5;
 }
--- a/css/login.css
+++ b/css/login.css
 .frame {
-    height: 550px;
+    height: 450px;
    width: 400px;
    border: 10px solid #02702c;
    border-radius: 70px;
    background-color:  #8bbd3c;
    color: #02702c;
 }
-
 .frame > div {
 	left: 10%;
 	width: 80%;
@@ -23,3 +22,21 @@
    height: 30px;
    float: right;
 }
+.login_header {
+    margin-top: 5%;
+    margin-bottom: 20%;
+    display: flex;
+    font-size: 2em;
+}
+.login_header h1 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+.horizontal_line {
+    width: 35%;
+    height: 20px;
+    border-bottom: 1px solid black;
+    margin-left: 5%;
+    margin-top: 3%;
+    margin-right: 5%;
+}
--- a/login/login.html
+++ b/login/login.html
@@ -6,13 +6,14 @@
        <link rel="stylesheet" type="text/css" href="../css/login.css">
    </head>
    <body>
-        <div id="login_frame" class="frame">
-            <h2>Welcome to OneHundred<img src="../img/logo.png" style="width: 70px;height: 50px;float: right"></h2>
-            <p style="text-align: center">"An ojek for anything you need"</p>
-            <br/><br/>
-            <h2>--- Login ---</h2>
-            <p id="error_credential" style="text-align: center;"></p>
+        <div class="frame">
+            <div class="login_header">
+                <div class="horizontal_line"></div>
+                <h1>LOGIN</h1>
+                <div class="horizontal_line"></div>
+            </div>
            <div>
+                <p id="error_credential" style="text-align: center;"></p>
                <form name="login" method="POST" action="login.php" onsubmit="return validate();">
                    Username
                    <input type="text" name="user_name"><br/>