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
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; 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 { .logins {
height: 100px; height: 100px;
width: 500px; width: 500px;

14
server/template/devices.html
View File

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

7
server/template/login.html
View File

@@ -2,7 +2,10 @@
{% block content %} {% 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--> <!--Google Login-->
<div class="center-align"> <div class="center-align">
@@ -17,7 +20,7 @@
</div> </div>
<!--Email Login--> <!--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"> <a class="oauth-container btn darken-4 white black-text" href="/login/email" style="text-transform:none">
<div class="left"> <div class="left">
<img width="20px" style="margin-top:7px; margin-right:8px" alt="E-mail sign-in" <img width="20px" style="margin-top:7px; margin-right:8px" alt="E-mail sign-in"