diff options
| author | Eric Bailey <git@esb.lol> | 2024-03-19 11:56:11 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-19 09:56:11 -0700 |
| commit | b622f6391805f9499034b2ba497dbb9b5c19bd93 (patch) | |
| tree | dc1ab77f85db75d60797a8d660ebddfd60ef650e /src/alf/index.tsx | |
| parent | 877eab0fe327ad4bd30a871c4cb605e79243d0d0 (diff) | |
| download | voidsky-b622f6391805f9499034b2ba497dbb9b5c19bd93.tar.zst | |
Mobile mod label setting component (#3267)
* Mobile mod label setting component * Bump label title size * Dont show disabled label config on mobile --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
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, }, |