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(`
|
||||
<span style="display:block;text-align:center">
|
||||
<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>
|
||||
`).openPopup();
|
||||
})();
|
||||
@@ -92,6 +92,11 @@ const { title } = Astro.props;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contact-map :global(.contact-map__logo) {
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.contact-page {
|
||||
padding-block: 50px;
|
||||
|
||||
Reference in new issue
Block a user