Tweak gaps

bluesky-social · Dec 18, 2024 · dd6509c · dd6509c
1 parent 28d8314
commit dd6509c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/components/interstitials/Trending.tsx b/src/components/interstitials/Trending.tsx
@@ -73,7 +73,7 @@ export function Inner() {
         </Button>
       </View>
 
-      <View style={[a.flex_row, a.flex_wrap, a.gap_sm]}>
+      <View style={[a.flex_row, a.flex_wrap, {gap: '8px 6px'}]}>
         {isLoading ? (
           Array(TRENDING_TOPICS_COUNT)
             .fill(0)

diff --git a/src/screens/Search/components/ExploreTrendingTopics.tsx b/src/screens/Search/components/ExploreTrendingTopics.tsx
@@ -65,7 +65,13 @@ function Inner() {
 
       <View style={[a.pt_md, a.pb_lg]}>
         <View
-          style={[a.flex_row, a.justify_start, a.flex_wrap, a.gap_sm, gutters]}>
+          style={[
+            a.flex_row,
+            a.justify_start,
+            a.flex_wrap,
+            {gap: '8px 6px'},
+            gutters,
+          ]}>
           {isLoading ? (
             Array(TRENDING_TOPICS_COUNT)
               .fill(0)

diff --git a/src/view/shell/desktop/SidebarTrendingTopics.tsx b/src/view/shell/desktop/SidebarTrendingTopics.tsx
@@ -62,7 +62,7 @@ function Inner() {
           </Button>
         </View>
 
-        <View style={[a.flex_row, a.flex_wrap, a.gap_xs]}>
+        <View style={[a.flex_row, a.flex_wrap, {gap: '6px 4px'}]}>
           {isLoading ? (
             Array(TRENDING_LIMIT)
               .fill(0)