Need to backport the fix from ZDAWebsite where I added better scaling for large displays like 4K/5K in index CSS and in various element classes.
Two important things:
index.css:
@layer base { html { /* Scale up everything on large displays relative to root elem */ @apply 4xl:text-xl 4k:text-2xl 5k:text-3xl; } }
converting any px or arbitrary values to rem (like w-2 instead of w-[8px]), and also removing the strange scale up effect on buttons and text when changing screen sizes
Could also go ahead and bring in styles from ZDAWebsite for the ThemeMenu and the Logo page button (at least partially, like the font weight change on btn hover)
Need to backport the fix from ZDAWebsite where I added better scaling for large displays like 4K/5K in index CSS and in various element classes. Two important things:
@layer base { html { /* Scale up everything on large displays relative to root elem */ @apply 4xl:text-xl 4k:text-2xl 5k:text-3xl; } }