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

View File

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