Вёрстка

This commit is contained in:
Anton Kamalov
2024-10-24 00:26:01 +03:00
parent ae6d4f2ca4
commit caa21d25ff
7 changed files with 90 additions and 14 deletions

View File

@@ -3,8 +3,12 @@
<head>
<meta charset="UTF-8">
<title>Заготовки на складе</title>
<link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="logout">
<a href="{{ url_for('logout') }}"><button>Выход</button></a>
</div>
<h1>Заготовки на складе</h1>
<!-- Output -->
<table>
@@ -22,5 +26,8 @@
</tr>
{% endfor %}
</table>
</body>
<div class="return">
<a href="{{ url_for('requests_bp.requests') }}"><button>Обратно в меню запросов</button></a>
</div></body>
</html>

View File

@@ -3,9 +3,12 @@
<head>
<meta charset="UTF-8">
<title>Заготовки на складе</title>
<link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<button><a href="{{ url_for('logout') }}">Выход</a></button>
<div class="logout">
<a href="{{ url_for('logout') }}"><button>Выход</button></a>
</div>
<!-- Input -->
<h1>Выберите материал</h1>
<form action="" method="post">
@@ -16,7 +19,9 @@
</select>
<input type="submit" value="Отправить">
</form>
<button><a href="{{ url_for('requests_bp.requests') }}">Обратно в меню запросов</a></button>
<div class="return">
<a href="{{ url_for('requests_bp.requests') }}"><button>Обратно в меню запросов</button></a>
</div>
</body>
</html>

View File

@@ -3,14 +3,20 @@
<head>
<meta charset="UTF-8">
<title>Запросы</title>
<link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="logout">
<a href="{{ url_for('logout') }}"><button>Выход</button></a>
</div>
<h1>Выберите вариант запроса</h1>
<a href="{{ url_for('logout') }}">Выход</a>
<nav class="menu">
{% for point in options %}
<a href="{{ url_for(point['url']) }}">{{ point['name'] }}</a>
<a href="{{ url_for(point['url']) }}"><button>{{ point['name'] }}</button></a>
{% endfor %}
</nav>
<div class="return">
<a href="{{ url_for('index') }}"><button>Главное меню</button></a>
</div>
</body>
</html>

49
App/static/css/main.css Normal file
View File

@@ -0,0 +1,49 @@
h1,h2 {
text-align: center;
}
body {
background-color: #87CEEB;
}
button {
background-color: #067936;
border-radius: 10px;
padding: 10px 20px;
border: none;
color: white;
cursor: pointer;
margin-top: 10px;
}
input[type=submit] {
background-color: #f2c464;
}
div.logout, div.login {
position: absolute;
right: 2%;
text-align: center;
}
div.logout button {
margin-top: -5px;
background-color: #ff0000;
}
div.login button {
margin-top: -5px;
background-color: #176917;
}
div.return button{
background-color: chocolate;
}
table {
border: 1px solid black;
border-collapse: collapse;
background: white;
margin: 0 auto;
}
th {
background-color: #d3d3d3;
}
th, td {
border: 1px solid black;
padding: 5px;
text-align: center;
}

View File

@@ -3,9 +3,10 @@
<head>
<meta charset="UTF-8">
<title>Успешно</title>
<link href="static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>До свидания!</h1>
<button><a href="{{ url_for('index') }}">На главную страницу</a></button>
<h2>До свидания!</h2>
<a href="{{ url_for('index') }}"><button>На главную страницу</button></a>
</body>
</html>

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<title>Привет мир!</title>
<link href="static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>Hello World</h1>

View File

@@ -3,16 +3,23 @@
<head>
<meta charset="UTF-8">
<title>Главное меню</title>
<link href="static/css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>Hello World</h1>
<nav class="menu">
{% if 'role' in ses %}
<a href="{{ url_for('logout') }}">Выход</a>
<div class="logout">
<a href="{{ url_for('logout') }}"><button>Выход</button></a>
</div>
<h1>Здравствуйте, {{ ses['login'] }}!</h1>
{% else %}
<a href="{{ url_for('auth_bp.auth') }}">Авторизация</a>
<div class="login">
<a href="{{ url_for('auth_bp.auth') }}"><button>Авторизация</button></a>
</div>
<h1>Здравствуйте!</h1>
{% endif %}
<a href="{{ url_for('requests_bp.requests') }}">Запросы</a>
<nav class="menu">
<a href="{{ url_for('requests_bp.requests') }}"><button>Запросы</button></a>
</nav>
</body>
</html>