diff options
| author | Eric Bailey <git@esb.lol> | 2024-12-10 14:52:30 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-12-10 20:52:30 +0000 |
| commit | e052f5e198603246cb031e00d9cadc2ae4bb140d (patch) | |
| tree | aceffa2b71bfdc9c632ff8eaa84d68c807fd5655 /src/alf/util/useGutterStyles.ts | |
| parent | f34e8d8cdfcab16165c94d8c96084e9cd4338d91 (diff) | |
| download | voidsky-e052f5e198603246cb031e00d9cadc2ae4bb140d.tar.zst | |
Refactor sidebar (#6971)
* Refactor RightNav (cherry picked from commit 96bb02acfd2d7452df18a0e7410e6a7169a583ed) * Better gutter handling * Clean up styles * Memoize breakpoints * Format * Comment * Loosen spacing, handle overflow, smaller text to match prod * Fix circular imports on native * Return 0 instead of undefined for easier calculations * Re-assign * Fix * Port over fix from subs/base * Space out right nav feeds, widen sidebar to match prod * Fix lost padding on home header * Fix perf by not actually linking to new URL * Remove underline on focus * Foramt --------- Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Diffstat (limited to 'src/alf/util/useGutterStyles.ts')
| -rw-r--r-- | src/alf/util/useGutterStyles.ts | 21 |
1 files changed, 0 insertions, 21 deletions
diff --git a/src/alf/util/useGutterStyles.ts b/src/alf/util/useGutterStyles.ts deleted file mode 100644 index 64b246fdd..000000000 --- a/src/alf/util/useGutterStyles.ts +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react' - -import {atoms as a, useBreakpoints, ViewStyleProp} from '#/alf' - -export function useGutterStyles({ - top, - bottom, -}: { - top?: boolean - bottom?: boolean -} = {}) { - const {gtMobile} = useBreakpoints() - return React.useMemo<ViewStyleProp['style']>(() => { - return [ - a.px_lg, - top && a.pt_md, - bottom && a.pb_md, - gtMobile && [a.px_xl, top && a.pt_lg, bottom && a.pb_lg], - ] - }, [gtMobile, top, bottom]) -} |