bryan
/
DoorControl-Frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix the way save button works, change font size in settings inputs

master
Bryan 2020-12-19 12:08:16 -06:00
parent 8b78554b5b
commit dc718a66f6
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
trigger.html
View File

@ -4,9 +4,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Trigger - Login</title> <title>Door Control</title>
<link rel="icon" href="img/favicon.png" type="img/png"> <link rel="icon" href="img/favicon.png" type="img/png">
<link rel="apple-touch-icon" href="img/icon.png">
<style> <style>
* { * {
@ -108,11 +108,13 @@
} }
.settings-form label { .settings-form label {
padding-top: 1em; margin-top: auto;
margin-bottom: auto;
width: 100px; width: 100px;
} }
.settings-form input { .settings-form input {
font-size: 1.25em;
width: 200px; width: 200px;
border: 1px solid #7FBD32; border: 1px solid #7FBD32;
border-radius: 3em; border-radius: 3em;
@ -130,10 +132,17 @@
font-size: 1.2em; font-size: 1.2em;
color: white; color: white;
border-radius: 3em; border-radius: 3em;
background: #FF8800; /* background: #FF8800; */
background-color: #555;
border: 4px #7FBD32 solid;
/* color: white; */ /* color: white; */
} }
.settings-form button:active {
background-color: green;
width: 96px;
}
h1 { h1 {
text-align: center; text-align: center;
font-family: sans; font-family: sans;
@ -202,8 +211,6 @@
<button id="close-setting-screen-button"><img src="img/home.png"></button> <button id="close-setting-screen-button"><img src="img/home.png"></button>
</div> </div>
</nav> </nav>
<!-- <div id="screen-container"> -->
<!-- Main Screen --> <!-- Main Screen -->
<section class="screen-container main-screen"> <section class="screen-container main-screen">
@ -253,7 +260,6 @@
</form> </form>
</section> </section>
<!-- </div> -->
<script> <script>
const openSettingScreenButton = document.querySelector("#open-setting-screen-button"); const openSettingScreenButton = document.querySelector("#open-setting-screen-button");
@ -320,6 +326,7 @@
localStorage.setItem("delay", delayInput.value); localStorage.setItem("delay", delayInput.value);
localStorage.setItem("apiKey", apiKeyInput.value); localStorage.setItem("apiKey", apiKeyInput.value);
setSettings(); setSettings();
gotoMainScreen();
}); });
unlockButton.addEventListener("click", function () { unlockButton.addEventListener("click", function () {