Quellcode durchsuchen

Create the layout for the login page.

Lee Morgan vor 1 Jahr
Ursprung
Commit
7880ef27bd
3 geänderte Dateien mit 32 neuen und 1 gelöschten Zeilen
  1. 7 0
      views/css/login.css
  2. 2 0
      views/index.css
  3. 23 1
      views/index.html

+ 7 - 0
views/css/login.css

@@ -0,0 +1,7 @@
+#loginPage{
+    flex-direction: column;
+}
+
+#loginPage .link{
+    margin-top: 35px;
+}

+ 2 - 0
views/index.css

@@ -1,4 +1,6 @@
 @import "./css/register.css";
+@import "./css/login.css";
+
 :root{
     --primary: #d7263d;
     --accent: #f46036;

+ 23 - 1
views/index.html

@@ -61,7 +61,29 @@
     </div>
 
     <div id="loginPage" class="page">
-        <h1>Login</h1>
+        <form id="loginForm" class="standardForm">
+            <h1>Log In</h1>
+
+            <label>Email
+                <input
+                    id="loginEmail"
+                    type="email"
+                    placeholder="Email"
+                    required
+                >
+            </label>
+
+            <label>Password
+                <input
+                    id="loginPass"
+                    type="password"
+                    placeholder="Password"
+                    required
+                />
+            </label>
+
+            <button>Log In</button>
+        </form>
 
         <button id="loginToRegister" class="link">Register</button>
     </div>