roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 01:59:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

use css media queries rather than JS media queries

Browse source
This commit is contained in:
41666 2021-04-03 19:06:36 -04:00
parent 600aa3e075
commit 335a444295
4 changed files with 33 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/design-system/atoms/breakpoints/BreakpointProvider.tsx
View file

@ -31,6 +31,7 @@ export const BreakpointsProvider = (props: { children: React.ReactNode }) => {
};
updateScreenSize();
setImmediate(() => updateScreenSize());
mediaQueries.onDesktop.addEventListener('change', updateScreenSize);
mediaQueries.onTablet.addEventListener('change', updateScreenSize);