Rework design of management page

This commit is contained in:
sqozz 2017-06-27 19:59:04 +02:00
parent 91abcaa470
commit 52441753e2
1 changed files with 35 additions and 7 deletions

View File

@ -5,24 +5,52 @@
body {
display: flex;
justify-content: center;
align-items: stretch;
align-items: center;
flex-direction: column;
height: 100%;
}
body>div, body>form {
margin-top: 10px;
}
canvas.lights {
background-color: gray;
}
div#header {
display: flex;
align-items: center;
font-size: 1.5em;
}
div#header>form>button {
font-size: 1em;
}
div#header>form {
border: 1px dashed gray;
margin: 0px;
margin-left: 10px;
}
#statusButton>button {
font-size: 2.5em;
border: 1px solid gray;
}
</style>
</head>
<body>
<script src="assets/js/ampel.js"></script>
<script>maxLightWidth = 300; drawLight({{str(employeeData[2]).lower()}}, "{{employeeData[0]}}", "")</script>
<div>Hello {{employeeData[0]}} (Raum {{employeeData[1]}}).</div>
<form method="post" action="logout">
<button type="submit">Abmelden</button>
</form>
<form method="post" action="setStatus">
<div id="header">
<div>Hallo {{employeeData[0]}} (Raum {{employeeData[1]}})</div>
<form method="post" action="logout">
<button type="submit">Abmelden</button>
</form>
</div>
<script>maxLightWidth = 300; drawLight({{str(employeeData[2]).lower()}}, "{{employeeData[0].replace(" ", "_")}}", "")</script>
<form method="post" action="setStatus" id="statusButton">
<button type="submit">Ampel ändern</button>
</form>
</body>