fix: fix SellWithArtsyRecentlySold Rail layout

artsy · Oct 24, 2024 · ace5b9a · ace5b9a
1 parent f0a2fc5
commit ace5b9a
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/app/Scenes/SellWithArtsy/Components/SellWithArtsyRecentlySold.tsx b/src/app/Scenes/SellWithArtsy/Components/SellWithArtsyRecentlySold.tsx
@@ -8,6 +8,7 @@ import {
 import { ArtworkRailProps } from "app/Components/ArtworkRail/ArtworkRail"
 import {
   ARTWORK_RAIL_CARD_MINIMUM_WIDTH,
+  ARTWORK_RAIL_TEXT_CONTAINER_HEIGHT,
   ArtworkRailCard,
 } from "app/Components/ArtworkRail/ArtworkRailCard"
 import { PrefetchFlashList } from "app/Components/PrefetchFlashList"
@@ -103,7 +104,9 @@ const RecentlySoldArtworksRail: React.FC<RecentlySoldArtworksRailProps> = ({
           onPress={() => {
             onPress?.(item, index)
           }}
-          metaContainerStyles={{ height: 100 }}
+          metaContainerStyles={{
+            height: ARTWORK_RAIL_TEXT_CONTAINER_HEIGHT + 10,
+          }}
           showPartnerName={showPartnerName}
           SalePriceComponent={
             <RecentlySoldCardSection
@@ -154,12 +157,12 @@ const RecentlySoldCardSection: React.FC<RecentlySoldCardSectionProps> = ({
 }) => {
   return (
     <Flex>
-      <Flex flexDirection="row" justifyContent="space-between" mt={1}>
-        <Text variant="lg-display" numberOfLines={1}>
+      <Flex flexDirection="row" justifyContent="space-between">
+        <Text variant="md" numberOfLines={1}>
           {priceRealizedDisplay}
         </Text>
         {!!performanceDisplay && (
-          <Text variant="lg-display" color="green" numberOfLines={1}>
+          <Text variant="md" color="green" numberOfLines={1}>
             {`+${performanceDisplay}`}
           </Text>
         )}