raphael/calendarwatch_frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adds minor login design update and device page update

Browse Source
This commit is contained in:
Raphael Maenle 2020-05-22 00:10:16 +02:00
parent 3c6d950bbc
commit cf9c4f0e85
3 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
server/static/css/main.css
View File

@ -4,6 +4,21 @@ body *
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.banner {
display:flex;
justify-content: center;
align-items:center;
background-color: orange;
height: 20rem;
flex-direction: column;
margin-bottom: 10rem;
}
.title {
margin: none;
color: blue;
}
.logins {
height: 100px;
width: 500px;

14
server/template/devices.html
View File

@ -2,9 +2,9 @@
{% block body%}
<div class="container">
<div style="width: 15rem; margin: 1rem">Device ID</div>
<div style="width: 10rem; margin: 1rem; padding-right: 5rem">Link Status</div>
<div style="width: 2rem; margin: 1rem">Action</div>
<div style="font-weight: bold;width: 15rem; margin: 1rem">Device ID</div>
<div style="font-weight: bold;width: 10rem; margin: 1rem; padding-right: 5rem">Link Status</div>
<div style="font-weight: bold;width: 2rem; margin: 1rem">Action</div>
</div>
{% for item in devices %}
@ -26,10 +26,10 @@
{% endfor %}
<form action="" method="post">
<div class="container">
{{ form.hidden_tag() }}
{{ form.deviceId.label }}
{{ form.deviceId(size=32) }}
{{ form.submit() }}
<div style="margin: 2rem">{{ form.hidden_tag() }}</div>
<div style="margin: 2rem">{{ form.deviceId.label }}</div>
<div style="margin: 2rem">{{ form.deviceId(size=32) }}</div>
<div style="margin: 2rem">{{ form.submit() }}</div>
</div>
</form>

9
server/template/login.html
View File

@ -2,7 +2,10 @@
{% block content %}
<h1 style="color: blue">Login Page</h1>
<div class="banner">
<h1 class="title">Longitude</h1>
<h5> A calendar watchface</h5>
</div>
<!--Google Login-->
<div class="center-align">
@ -17,7 +20,7 @@
</div>
<!--Email Login-->
<div class="col s12 m6 offset-m3 center-align" style=" margin: 5px;">
<div class="col s12 m6 offset-m3 center-align" style=" margin: 2rem;">
<a class="oauth-container btn darken-4 white black-text" href="/login/email" style="text-transform:none">
<div class="left">
<img width="20px" style="margin-top:7px; margin-right:8px" alt="E-mail sign-in"
@ -34,4 +37,4 @@
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
{% endblock %}
{% endblock %}