Browse Source

[fix] modal too small on phones

master
r0 2 years ago
parent
commit
46ce20cc42
  1. 23
      programme.css

23
programme.css

@ -209,15 +209,11 @@ div#modal button {
avoid blank spaces on the right side
(because i suck at flexboxes) */
@media only screen and (max-width: 1300px) {
div.timetable {
width: 1050px;
}
div.timetable { width: 1050px; }
}
@media only screen and (max-width: 1100px) {
div.timetable {
width: 840px;
}
div.timetable { width: 840px; }
}
@media only screen and (max-width: 960px) {
@ -229,9 +225,7 @@ div#modal button {
}
@media only screen and (max-width: 880px) {
div.timetable {
width: auto;
}
div.timetable { width: auto; }
}
@media only screen and (max-width: 720px) {
@ -246,20 +240,17 @@ div#modal button {
}
div#modal.upfront {
height: 50%;
max-height: 50%;
}
}
@media only screen and (max-width: 540px) {
header h1 {
font-size: 25px;
}
ul#dayList li {
font-size: 17px;
}
header h1 { font-size: 25px; }
ul#dayList li { font-size: 17px; }
div#modal.upfront {
height: 60%;
max-height: 60%;
}
}
Loading…
Cancel
Save