fix(mobile): increase font sizes and other mobile-centric improvements (#1907)

2022-11-01 11:41:40 -05:00
parent f54b017f53
commit 994f824757
72 changed files with 543 additions and 283 deletions
--- a/packages/web/src/javascripts/Hooks/useMediaQuery.tsx
+++ b/packages/web/src/javascripts/Hooks/useMediaQuery.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'

 // Follows https://tailwindcss.com/docs/responsive-design
 export const MediaQueryBreakpoints = {
-  sm: '(min-width: 640px)',
+  sm: '(max-width: 640px)',
  md: '(min-width: 768px)',
  lg: '(min-width: 1024px)',
  xl: '(min-width: 1280px)',