LogalDeveloper/owncast
0
Fork 0
Code Activity

fix(mobile): fix offline banner overflow due to hard-coded height

Browse Source 
Closes #2990
This commit is contained in:
Gabe Kangas
2023-05-06 16:29:35 -07:00
parent 334989546b
commit a1a2bf1a47
1 changed files with 1 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/ui/OfflineBanner/OfflineBanner.module.scss
View File

@@ -4,21 +4,13 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@include screen(tablet) {
height: 430px;
}
@include screen(mobile) {
height: 280px;
}
} }
.innerContainer { .innerContainer {
width: clamp(00px, 100%, 600px); width: clamp(00px, 100%, 600px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 3rem auto; margin: 5vh auto;
padding: 2.4em; padding: 2.4em;
@include screen(tablet) { @include screen(tablet) {