Reduce cells padding

swan-io · Dec 2, 2024 · 74365f2 · 74365f2
1 parent 019e5ea
commit 74365f2
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/packages/lake/src/components/Cells.tsx b/packages/lake/src/components/Cells.tsx
@@ -33,15 +33,15 @@ const justifyContentStyles = StyleSheet.create({
 });
 /* eslint-enable react-native/no-unused-styles */
 
-const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[16]})`;
-const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[16]})`;
+const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[12]})`;
+const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[12]})`;
 
 const styles = StyleSheet.create({
   cell: {
     flexDirection: "row",
     flexGrow: 1,
     flexShrink: 1,
-    paddingHorizontal: spacings[16],
+    paddingHorizontal: spacings[12],
   },
   cellContentContainer: {
     flexGrow: 1,
@@ -103,10 +103,6 @@ const styles = StyleSheet.create({
     paddingRight: 0,
     paddingLeft: spacings[8],
   },
-  actionCell: {
-    paddingVertical: spacings[16],
-    paddingHorizontal: spacings[8],
-  },
 });
 
 type Align = "left" | "center" | "right";
@@ -500,9 +496,10 @@ export const EndAlignedCell = (props: Except<CellProps, "align">) => (
   <Cell align="right" {...props} />
 );
 
-export const ActionCell = ({ style, ...props }: CellProps) => (
-  <Cell {...props} style={[styles.actionCell, style]} />
-);
+/**
+ * @deprecated Use `<Cell align="right" />` instead
+ */
+export const ActionCell = (props: CellProps) => <Cell align="right" {...props} />;
 
 /**
  * @deprecated Use <ActionCell /> instead