DeCentN2Madness/aia-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): equalize process cards after fonts load

Browse Source 
- deferred height-equalization script in `HomeProcess.astro` to `document.fonts.ready`
- card heights now measured with correct web fonts in all environments, not just Vite dev server
This commit is contained in:
Jeff Hales
2026-06-10 01:54:40 -07:00
parent 3003a68e39
commit 0db10a04d8
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/src/components/home/HomeProcess.astro
+4 -2
View File
@@ -24,6 +24,8 @@ const { section } = Astro.props;
const max = Math.max(...cards.map(c => c.offsetHeight)); const max = Math.max(...cards.map(c => c.offsetHeight));
if (max > 0) cards.forEach(c => (c.style.height = `${max}px`)); if (max > 0) cards.forEach(c => (c.style.height = `${max}px`));
} }
equalizeProcessCards(); document.fonts.ready.then(() => {
window.addEventListener('resize', equalizeProcessCards); equalizeProcessCards();
window.addEventListener('resize', equalizeProcessCards);
});
</script> </script>