Files
power-consumption/public/css/layout.css

57 lines
803 B
CSS

body {
font-family: sans-serif;
font-size: 1.3rem;
display: flex;
flex-direction: column;
}
input {
font-size: 1.3rem;
}
div > span {
text-align: right;
}
div.grid-container {
display: grid;
column-gap: 20px;
}
span.color-1 {
background-color: #375BEB;
}
span.color-2 {
background-color: #90EB36;
}
span.color-3 {
background-color: #EB5F36;
}
span.color-4 {
background-color: #DAE32D;
}
form > div {
display: flex;
flex-direction: row;
}
button, .button {
text-align: center;
background-color: rgb(239, 239, 239);
border: 2px outset rgb(0, 0 , 0);
text-decoration: none;
color: rgb(0, 0, 0);
font-size: 1.3rem;
padding: 8px 0;
}
#chart-container {
position: relative;
width: 95vw;
height: 95vh;
}