added media query for use in club assistant #5
1 changed files with 30 additions and 0 deletions
added media query for use in club assistant
commit
2c4a0b2524
|
|
@ -76,3 +76,33 @@ input.button_color {
|
||||||
background-color: #ff00ff;
|
background-color: #ff00ff;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* adjustments for display in club assistant. hacky WIP but should fix most display problems.
|
||||||
|
TODO: better recognition than max-width, full design parity to ha/lovelace*/
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
:root {
|
||||||
|
--bg-color: #1c1c1c;
|
||||||
|
--primary-color: #e1e1e1;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
font-family: Roboto,Noto,sans-serif;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.buttons {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
.colors {
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
.controls {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue