Rework design of management page
This commit is contained in:
parent
91abcaa470
commit
52441753e2
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue