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/view/com/home/HomeHeaderLayout.web.tsx | |
| 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/view/com/home/HomeHeaderLayout.web.tsx')
| -rw-r--r-- | src/view/com/home/HomeHeaderLayout.web.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/view/com/home/HomeHeaderLayout.web.tsx b/src/view/com/home/HomeHeaderLayout.web.tsx index 1dc67b6c3..7a8a7671d 100644 --- a/src/view/com/home/HomeHeaderLayout.web.tsx +++ b/src/view/com/home/HomeHeaderLayout.web.tsx @@ -10,7 +10,7 @@ import {useSession} from '#/state/session' import {useShellLayout} from '#/state/shell/shell-layout' import {HomeHeaderLayoutMobile} from '#/view/com/home/HomeHeaderLayoutMobile' import {Logo} from '#/view/icons/Logo' -import {atoms as a, useBreakpoints, useGutterStyles, useTheme} from '#/alf' +import {atoms as a, useBreakpoints, useGutters, useTheme} from '#/alf' import {ButtonIcon} from '#/components/Button' import {Hashtag_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/Hashtag' import * as Layout from '#/components/Layout' @@ -41,14 +41,14 @@ function HomeHeaderLayoutDesktopAndTablet({ const {hasSession} = useSession() const {_} = useLingui() const kawaii = useKawaiiMode() - const gutter = useGutterStyles() + const gutters = useGutters([0, 'base']) return ( <> {hasSession && ( <Layout.Center> <View - style={[a.flex_row, a.align_center, a.pt_md, gutter, t.atoms.bg]}> + style={[a.flex_row, a.align_center, gutters, a.pt_md, t.atoms.bg]}> <View style={{width: 34}} /> <View style={[a.flex_1, a.align_center, a.justify_center]}> <Logo width={kawaii ? 60 : 28} /> |