Weather radar
This commit is contained in:
15
src/styles/containers/WeatherRadar.module.css
Normal file
15
src/styles/containers/WeatherRadar.module.css
Normal file
@ -0,0 +1,15 @@
|
||||
.container {
|
||||
padding:5px !important;
|
||||
grid-area: map;
|
||||
place-self: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.radar, .radarNight {
|
||||
max-width: max(calc(28vw - 10px), calc(43vh - 10px));
|
||||
}
|
||||
|
||||
.radarNight {
|
||||
image-rendering: pixelated;
|
||||
width: max(calc(28vw - 10px), calc(43vh - 10px));
|
||||
}
|
@ -43,10 +43,16 @@ main {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
:root[data-theme="night"] main {
|
||||
background-image: url("../images/bg/3.jpg") !important;
|
||||
}
|
||||
|
||||
:root[data-theme="day"] .radar {display: block;}
|
||||
:root[data-theme="night"] .radar {display: none;}
|
||||
:root[data-theme="day"] .radarNight {display: none;}
|
||||
:root[data-theme="night"] .radarNight {display: block;}
|
||||
|
||||
.container {
|
||||
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
|
Reference in New Issue
Block a user