fix: use new mobile vector for contact block

Render mobile-contact-vector.svg alongside the existing contact linework. CSS hides the desktop SVG and shows the mobile <img> at <=767px so the new 342x187 composition fills the card width. Update the geometry test to assert the new linework ratio (342/187) and the snapshot.
This commit is contained in:
Keith Solomon
2026-06-28 13:04:55 -05:00
parent 14de24351e
commit 8c239e15f6
5 changed files with 60 additions and 55 deletions
@@ -31,6 +31,8 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
<?php endif; ?>
<?php get_template_part( '/views/blocks/contact-block/linework' ); ?>
<img class="contact-block__linework contact-block__linework--mobile" src="<?php echo esc_url( get_theme_file_uri( '/static/img/mobile-contact-vector.svg' ) ); ?>" alt="" loading="lazy" role="presentation" />
</div>
<div class="contact-block__content container pt-12 pb-16 relative z-10">