about summary refs log tree commit diff
path: root/src/components
diff options
context:
space:
mode:
authorCaidan Williams <caidan@internet.dev>2025-07-30 21:39:44 -0700
committerCaidan Williams <caidan@internet.dev>2025-07-31 11:51:11 -0700
commit8b344ca9fd3f348ecb4906be4cb3d41567f22217 (patch)
treedf94542a503c772bae23e5287bce4f12f7d0f576 /src/components
parentf4724e378d9227820db404b2172ba1c72bdd6cae (diff)
downloadvoidsky-8b344ca9fd3f348ecb4906be4cb3d41567f22217.tar.zst
fix(ui): adjust padding for ProfileGrid layout consistency
Fixes the issue of the shadow being cutoff by the overflow, now will
give proper spacing to the cards to display the shadow.
Diffstat (limited to 'src/components')
-rw-r--r--src/components/FeedInterstitials.tsx11
1 files changed, 5 insertions, 6 deletions
diff --git a/src/components/FeedInterstitials.tsx b/src/components/FeedInterstitials.tsx
index 2a3a00ba7..0a112e039 100644
--- a/src/components/FeedInterstitials.tsx
+++ b/src/components/FeedInterstitials.tsx
@@ -378,8 +378,8 @@ export function ProfileGrid({
       style={[a.border_t, t.atoms.border_contrast_low, t.atoms.bg_contrast_25]}>
       <View
         style={[
-          a.p_lg,
-          a.py_md,
+          a.px_lg,
+          a.pt_md,
           a.flex_row,
           a.align_center,
           a.justify_between,
@@ -399,7 +399,7 @@ export function ProfileGrid({
       </View>
 
       {gtMobile ? (
-        <View style={[a.px_lg, a.pb_lg]}>
+        <View style={[a.p_lg, a.pt_md]}>
           <View style={[a.flex_1, a.flex_row, a.flex_wrap, a.gap_md]}>
             {content}
           </View>
@@ -411,9 +411,8 @@ export function ProfileGrid({
               horizontal
               showsHorizontalScrollIndicator={false}
               snapToInterval={MOBILE_CARD_WIDTH + a.gap_md.gap}
-              decelerationRate="fast"
-              style={[a.overflow_visible]}>
-              <View style={[a.px_lg, a.pb_lg, a.flex_row, a.gap_md]}>
+              decelerationRate="fast">
+              <View style={[a.p_lg, a.pt_md, a.flex_row, a.gap_md]}>
                 {content}
 
                 <SeeMoreSuggestedProfilesCard />