Вёрстка для авторизации

This commit is contained in:
Anton Kamalov
2024-10-24 16:52:12 +03:00
parent 1f28f55fd0
commit c92df33741
3 changed files with 17 additions and 5 deletions

View File

@@ -3,14 +3,15 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Авторизация</title> <title>Авторизация</title>
<link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head> </head>
<body> <body>
<form action="" method="post"> <form action="" method="post" name="auth">
<label for="login">Login: </label> <label for="login">Логин: </label>
<input type="text" name="login" required><br> <input type="text" name="login" required>
<label for="password">Password: </label> <label for="password">Пароль: </label>
<input type="password" name="password" required><br> <input type="password" name="password" required><br>
<input type="submit" value="Submit"> <input type="submit" value="Вход">
</form> </form>
</body> </body>
</html> </html>

View File

@@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Ошибка</title> <title>Ошибка</title>
<link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head> </head>
<body> <body>
<h1>Сожалеем</h1> <h1>Сожалеем</h1>

View File

@@ -4,6 +4,16 @@ h1,h2 {
body { body {
background-color: #87CEEB; background-color: #87CEEB;
} }
form[name="auth"] {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
form[name="auth"] input[type="submit"] {
display: block;
margin: 5px auto;
}
button { button {
background-color: #067936; background-color: #067936;
border-radius: 10px; border-radius: 10px;