smon/static/css/default_light/notifications.css

64 lines
1.2 KiB
CSS
Raw Normal View History

2024-06-29 19:30:26 +02:00
#time-select {
display: grid;
grid-template-columns: min-content min-content;
grid-gap: 6px 16px;
width: min-content;
border-radius: 6px;
}
#time-select button {
width: 100px;
margin-top: 12px;
justify-self: end;
}
#time-select #time-offsets {
display: grid;
grid-template-columns: min-content repeat(3, min-content);
grid-gap: 16px;
margin-top: 16px;
align-items: center;
justify-items: center;
}
#time-select #time-offsets .header-1 {
font-weight: bold;
justify-self: start;
}
#time-select #time-offsets .header-2 {
font-weight: bold;
justify-self: start;
grid-column: 2 / -1;
}
#time-select #time-offsets .preset {
white-space: nowrap;
justify-self: start;
padding-right: 32px;
}
input[type="datetime-local"] {
padding: 6px;
}
2024-06-29 15:21:52 +02:00
#notifications {
display: grid;
2024-06-29 18:09:56 +02:00
grid-template-columns: repeat(5, min-content);
2024-06-29 15:21:52 +02:00
grid-gap: 4px 16px;
margin-top: 32px;
margin-bottom: 32px;
background-color: #2979b8;
padding: 16px 24px;
width: min-content;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#notifications div {
white-space: nowrap;
line-height: 24px;
}
#notifications .header {
font-weight: 800;
color: #7bb8eb;
}
2024-06-29 19:30:26 +02:00
#notifications .ok {
color: #0a0;
}
#notifications .error {
color: #a00;
}