Merge pull request #89 from Kiran-Baldaniya/feat/hide-unfinished-feeds-explore-nav

To align header in the centre

Author: achalagrawal

src/view/com/home/HomeHeaderLayout.web.tsx

@@ -55,7 +55,12 @@ function HomeHeaderLayoutDesktopAndTablet({
         <Layout.Center>
           <View
             style={[a.flex_row, a.align_center, gutters, a.pt_md, t.atoms.bg]}>
-            <View style={{width: 34}} />
+            {/*
+             * This spacer balanced the feeds button on the right so the logo
+             * stayed centered. Both are hidden together for now; restore them
+             * together to keep the logo centered.
+             */}
+            {/* <View style={{width: 34}} /> */}
             <View style={[a.flex_1, a.align_center, a.justify_center]}>
               {kawaii ? (
                 <Logo width={60} />

src/view/com/home/HomeHeaderLayoutMobile.tsx

@@ -83,6 +83,13 @@ export function HomeHeaderLayoutMobile({
           </PressableScale>
         </View>
 
+        {/*
+         * Empty slot to balance the menu button on the left so the logo stays
+         * centered while the feeds button is hidden. Remove this when restoring
+         * the feeds button slot below.
+         */}
+        <Layout.Header.Slot />
+
         {/* Temporarily hidden: unfinished Bluesky-derived feeds preferences button. */}
         {/* <Layout.Header.Slot>
           {hasSession && (