added media query for use in club assistant #5

Merged
stb merged 1 commit from ha-media-query into main 2025-11-23 18:15:31 +01:00
Showing only changes of commit 2c4a0b2524 - Show all commits

added media query for use in club assistant

rhandos 2025-11-23 17:48:53 +01:00

View file

@ -76,3 +76,33 @@ input.button_color {
background-color: #ff00ff;
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%;
}
}