Rumperuu/Where-in-the-World-is-Ben
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

Tweak styling

Browse source
This commit is contained in:
Ben Goldsworthy 2022-08-29 21:34:11 +00:00
parent b10b85b958
commit 7e5e99e0b1
1 changed files with 37 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
public/css/app.css
View file

@ -38,6 +38,35 @@ details h2 {
display: inline; display: inline;
} }
details {
border-top: 1px solid black;
padding: 1em 0;
}
details[open] summary {
margin-bottom: 1em;
}
#checkinList li:first-child details {
border-top: none;
}
.leaflet-popup {
max-width: 85vw;
max-height: 85vh;
min-width: 60vw;
}
.leaflet-popup-content {
width: auto !important;
}
.popup__image {
width: auto;
height: auto;
max-width: 70vw;
}
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
#routeContainer { #routeContainer {
grid-template-columns: 3fr 1fr; grid-template-columns: 3fr 1fr;
@ -52,15 +81,13 @@ details h2 {
#checkinList { #checkinList {
grid-column-start: 2; grid-column-start: 2;
} }
}
.leaflet-popup {
.leaflet-popup-content { min-width: 350px;
width: auto !important;
} }
.popup__image { .popup__image {
max-width: 500px; max-width: 50vw;
max-height: 400px; }
} }