tandem/camper
tandem
/
camper
2
0
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

Fix booking field inside campsite’s page on mobile

This commit is contained in:
jordi fita mas 2024-02-03 00:29:37 +01:00
parent 4c4b9d8d02
commit 63e33fa253
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/static/public.css
View File

@ -401,18 +401,18 @@ nav:last-of-type > ul > li:last-child {
flex-direction: column; flex-direction: column;
align-items: start; align-items: start;
} }
nav:last-of-type li { nav:last-of-type li {
width: 100%; width: 100%;
} }
nav:last-of-type a, nav:last-of-type button { nav:last-of-type a, nav:last-of-type button {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
text-align: left; text-align: left;
} }
.boto-reserva { .boto-reserva {
height: unset; height: unset;
} }
@ -802,7 +802,7 @@ dt {
.outside_activities h3 { .outside_activities h3 {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.outside_activities > ul { .outside_activities > ul {
gap: 5rem; gap: 5rem;
} }
@ -855,14 +855,12 @@ dt {
gap: 5rem; gap: 5rem;
} }
@media (max-width: 48rem) { .campsite_type_booking fieldset {
.campsite_type_booking { flex: 1;
flex-direction: column;
}
} }
.campsite_type_booking fieldset, .campsite_type_booking footer { .campsite_type_booking footer {
flex: 1; flex: .5;
} }
.campsite_type_booking { .campsite_type_booking {
@ -909,6 +907,18 @@ dt {
border-radius: .6rem; border-radius: .6rem;
} }
@media (max-width: 48rem) {
.campsite_type_booking,
.campsite_type_booking fieldset {
flex-direction: column;
}
.campsite_type_booking footer {
margin-top: 0;
}
}
.campsite_type_calendar_prices { .campsite_type_calendar_prices {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;