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

19
backend/templates/set_surprise.html
View File

@ -4,10 +4,26 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title> <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> </head>
<body> <body>
<div id="container">
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}
<ul class="messages"> <ul class="messages">
@ -32,6 +48,7 @@
<button class="btn btn-lg btn-primary btn-block" type="submit">Set surprise</button> <button class="btn btn-lg btn-primary btn-block" type="submit">Set surprise</button>
</div> </div>
</form> </form>
</div>
</body> </body>
</html> </html>