Tweak Request: Add in proper 4K scaling from ZDAWebsite

SomGye / ZDAWorksWebsite

Front-end code for the ZDA Works hub website.

https://zda.works

GNU Affero General Public License v3.0

1 stars 0 forks source link

Tweak Request: Add in proper 4K scaling from ZDAWebsite #20

Closed SomGye closed 1 month ago

SomGye commented 1 month ago

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

SomGye commented 1 month ago

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)