michael/surprise-countdown
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix styling

Browse Source
This commit is contained in:
Michael Soukup 2021-05-10 09:55:04 +02:00
parent 281522f227
commit 8584ee1bfe
2 changed files with 52 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
backend/templates/index.html
View File

@ -14,7 +14,7 @@
flex-direction: column;
margin: auto auto;
height: 95vh;
width: 90vh;
width: 75vw;
}
#container div {
align-self: center;
@ -28,6 +28,7 @@
</head>
<body>
<div id="container">
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul class="messages">
@ -37,7 +38,6 @@
</ul>
{% endif %}
{% endwith %}
<div id="container">
<div id="main"></div>
</div>
<script>

19
backend/templates/set_surprise.html
View File

@ -4,10 +4,26 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<style>body { padding: 0; margin: 0; }</style>
<style>
body {
text-align:center;
}
#container {
display: flex;
flex-direction: column;
margin: auto auto;
height: 95vh;
width: 75vw;
}
#container div {
align-self: center;
padding: 10px;
}
</style>
</head>
<body>
<div id="container">
{% with messages = get_flashed_messages() %}
{% if messages %}
<ul class="messages">
@ -32,6 +48,7 @@
<button class="btn btn-lg btn-primary btn-block" type="submit">Set surprise</button>
</div>
</form>
</div>
</body>
</html>