diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-03-19 19:51:35 +0000 |
|---|---|---|
| committer | Samuel Newman <mozzius@protonmail.com> | 2024-03-19 19:51:35 +0000 |
| commit | 4794ab6b9a39d06bb0d1b7c64a315e4ac5e3336a (patch) | |
| tree | 743b94dff5a4a3b4b2304c53b984b8a3dc67aaa2 /src/alf/index.tsx | |
| parent | a1c4f19731878f7026d398d28e475bbeb7de824a (diff) | |
| parent | 5621c8042510c86f6c4fa63b5c5ce9fc02b0bf8e (diff) | |
| download | voidsky-4794ab6b9a39d06bb0d1b7c64a315e4ac5e3336a.tar.zst | |
Merge remote-tracking branch 'origin/main' into samuel/alf-login
Diffstat (limited to 'src/alf/index.tsx')
| -rw-r--r-- | src/alf/index.tsx | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/alf/index.tsx b/src/alf/index.tsx index 27738e91d..f0a0ede7a 100644 --- a/src/alf/index.tsx +++ b/src/alf/index.tsx @@ -16,6 +16,7 @@ type BreakpointName = keyof typeof breakpoints const breakpoints: { [key: string]: number } = { + gtPhone: 500, gtMobile: 800, gtTablet: 1300, } @@ -26,6 +27,7 @@ function getActiveBreakpoints({width}: {width: number}) { return { active: active[active.length - 1], + gtPhone: active.includes('gtPhone'), gtMobile: active.includes('gtMobile'), gtTablet: active.includes('gtTablet'), } @@ -39,6 +41,7 @@ export const Context = React.createContext<{ theme: themes.Theme breakpoints: { active: BreakpointName | undefined + gtPhone: boolean gtMobile: boolean gtTablet: boolean } @@ -47,6 +50,7 @@ export const Context = React.createContext<{ theme: themes.light, breakpoints: { active: undefined, + gtPhone: false, gtMobile: false, gtTablet: false, }, |