iot/sprocket-device-illucat
1
0
Fork 0
mirror of https://gitlab.com/zwirbel/illucat.git synced 2025-12-16 01:58:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

update ui

Browse Source
This commit is contained in:
0x1d
2018-09-21 02:00:32 +02:00
parent 54b0801784
commit a52b061559
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/www/index.html
View File

@@ -5,7 +5,7 @@
<title>ESP Kit</title> <title>ESP Kit</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-32x32.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png">
<link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script> <script src="script.js"></script>
</head> </head>

12
data/www/styles.css
View File

@@ -21,6 +21,13 @@
.sui > .content { .sui > .content {
padding: 16px; padding: 16px;
} }
@media screen and (min-width: 968px) {
.sui > .content {
margin-right: auto;
margin-left: auto;
width: 50%;
}
}
.sui label { .sui label {
color: #b3b2b2; color: #b3b2b2;
} }
@@ -150,6 +157,9 @@ input[type=range]:focus::-ms-fill-lower {
input[type=range]:focus::-ms-fill-upper { input[type=range]:focus::-ms-fill-upper {
background: #0eb4bb; background: #0eb4bb;
} }
.form-row input[type="range"] {
margin-top: 12px;
}
/* The switch - the box around the slider */ /* The switch - the box around the slider */
.switch { .switch {
position: relative; position: relative;
@@ -274,13 +284,13 @@ form .form-row input[type="checkbox"] {
transform: scale(2); transform: scale(2);
} }
.ColorPicker { .ColorPicker {
flex: none !important;
background-color: transparent; background-color: transparent;
border: 0; border: 0;
height: 42px; height: 42px;
width: 42px; width: 42px;
} }
.sui select { .sui select {
flex: 5;
padding: .5em; padding: .5em;
color: #eeeeee; color: #eeeeee;
background: none; background: none;