mobile - style event page

This commit is contained in:
isUnknown 2024-09-10 16:55:01 +02:00
parent dd04bac95e
commit db77e09c61
3 changed files with 58 additions and 11 deletions

View file

@ -74,3 +74,35 @@
position: absolute;
inset: 0;
}
@media screen and (min-width: 800px) {
.session .left-column {
display: contents;
}
}
@media screen and (max-width: 800px) {
.collapsable__content .session {
grid-template-columns: 1fr 1fr;
}
.collapsable__content .session .ticket-link,
.collapsable__content .session .ticket {
display: block;
}
.collapsable__content .session {
font-size: 1rem;
}
.collapsable__content .session .ticket-link {
font-size: 0.8rem;
text-align: right;
}
.collapsable__content .session .ticket-link figure {
margin: 0;
margin-bottom: 0.6rem;
}
.collapsable__content .session svg {
width: 1.8rem;
}
}