better background and wide screen for hazard displays

This commit is contained in:
Matt Walsh 2025-09-09 21:35:31 -05:00
commit 8ee1e954eb
No known key found for this signature in database
9 changed files with 44 additions and 10 deletions

View file

@ -1,5 +1,5 @@
@use 'shared/_colors' as c;
@use 'shared/_utils' as u;
@use 'shared/_colors'as c;
@use 'shared/_utils'as u;
.weather-display {
width: 640px;
@ -116,9 +116,11 @@
.scroll {
@include u.text-shadow(3px, 1.5px);
width: 640px;
height: 70px;
height: 77px;
overflow: hidden;
margin-top: 3px;
position: relative;
z-index: 1;
&.hazard {
background-color: rgb(112, 35, 35);
@ -159,3 +161,18 @@
}
}
#scroll-bg {
position: absolute;
bottom: 0px;
height: 77px;
width: 640px;
&.hazard {
background-color: rgb(112, 35, 35);
}
}
.wide #scroll-bg {
width: 854px;
}