diff options
Updated dashboard login design to follow the template style
3 files changed, 40 insertions, 75 deletions
| -rw-r--r-- | src/css/prog.css | 29 | ||||
| -rw-r--r-- | src/views/dashboard-login.php | 26 | ||||
| -rw-r--r-- | src/views/edits.html | 60 |
diff --git a/src/css/prog.css b/src/css/prog.css index aef1b5e..32f8aa7 100644 --- a/src/css/prog.css +++ b/src/css/prog.css @@ -1,6 +1,31 @@ -.anchor-btn { +input[type="submit"], input[type="text"], input[type="password"] { background: none; - border-width: 0; + color: black; + border: 1px solid black; + padding: 0.3em; +} + +input[type="submit"] { + width: 100%; +} + +input[type="text"], input[type="password"] { + margin: 0.5em 0; + min-width: 15em; +} + +.centered-form { + max-width: fit-content; + margin-left: auto; + margin-right: auto; +} + +.blocky-form-items > * { + display: block; +} + +.anchor-btn { + border: none !important; color: black; display: inline-block; margin-left: 1em; diff --git a/src/views/dashboard-login.php b/src/views/dashboard-login.php index a4cefe7..ee5288c 100644 --- a/src/views/dashboard-login.php +++ b/src/views/dashboard-login.php @@ -1,13 +1,13 @@ -<form method="post"> - <label for="username">Username: </label> - <input type="text" name="username"> - <br> - <label for="password">Password</label> - <input type="password" name="password"> - <br> - <input type="submit" value="Login"> -</form> -<?php - echo self::$message; -?> -<a href="/">< Back</a> +<div class="job-card"> + <form class="centered-form blocky-form-items" method="post"> + <label for="username">Username</label> + <input type="text" name="username"> + <label for="password">Password</label> + <input type="password" name="password"> + <br> + <?php + echo self::$message; + ?> + <input type="submit" value="Login"> + </form> + </div> diff --git a/src/views/edits.html b/src/views/edits.html deleted file mode 100644 index c9dc9a3..0000000 --- a/src/views/edits.html +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Jobs</title> - <link rel="preconnect" href="https://fonts.gstatic.com"> - - <link rel="stylesheet" href="./css/master.css"> - <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet"> -</head> -<body> - <div class="site-wrapper"> - <header class="site-header"> - <h1 class="site-title"><a href="#">Job Offers</a></h1> - </header> - - - - <li class="job-card"> - <div class="job-primary"> - <h2 class="job-title"><a href="#">Front End Developer</a></h2> - <div class="job-meta"> - <a class="meta-company" href="#">Company Awesome Ltd.</a> - <span class="meta-date">Posted 14 days ago</span> - </div> - </div> - <div class="job-edit"> - <a href="#">Edit</a> - <a href="#">Delete</a> - </div> - </li> - - <li class="job-card"> - <div class="job-primary"> - <h2 class="job-title"><a href="#">Front End Developer</a></h2> - <div class="job-meta"> - <a class="meta-company" href="#">Company Awesome Ltd.</a> - <span class="meta-date">Posted 14 days ago</span> - </div> - </div> - <div class="job-edit"> - <a href="#">Edit</a> - <a href="#">Delete</a> - </div> - </li> - </ul> - - <footer class="site-footer"> - <p>Copyright 2020 | Developer links: - <a href="/edits.html">Edits</a>, - <a href="/index.html">Home</a>, - <a href="/single.html">Single</a> - </p> - </footer> - </div> - -</body> -</html> |