fix(contact): center map popup logo
This commit is contained in:
1 file changed
+6
-1
@@ -45,7 +45,7 @@ const { title } = Astro.props;
|
|||||||
window.L.marker([33.617746, -111.88756]).addTo(map).bindPopup(`
|
window.L.marker([33.617746, -111.88756]).addTo(map).bindPopup(`
|
||||||
<span style="display:block;text-align:center">
|
<span style="display:block;text-align:center">
|
||||||
<b>Arizona Institute for Autism</b><br>
|
<b>Arizona Institute for Autism</b><br>
|
||||||
<img alt="Arizona Institute for Autism" src="/assets/images/aia-logo.svg" width="94">
|
<img class="contact-map__logo" alt="Arizona Institute for Autism" src="/assets/images/aia-logo.svg" width="94">
|
||||||
</span>
|
</span>
|
||||||
`).openPopup();
|
`).openPopup();
|
||||||
})();
|
})();
|
||||||
@@ -92,6 +92,11 @@ const { title } = Astro.props;
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-map :global(.contact-map__logo) {
|
||||||
|
display: block;
|
||||||
|
margin-inline: auto;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 992px) {
|
@media (max-width: 992px) {
|
||||||
.contact-page {
|
.contact-page {
|
||||||
padding-block: 50px;
|
padding-block: 50px;
|
||||||
|
|||||||
Reference in new issue
Block a user