fix: footer padding

schummar · Apr 25, 2022 · c82ba73 · c82ba73
1 parent 150f3b2
commit c82ba73
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/example/App.tsx b/example/App.tsx
@@ -168,6 +168,10 @@ function Content(): JSX.Element {
           header: 'Price',
           footer: (prices) => <>∑ {prices.reduce((sum, price) => sum + price, 0).toFixed(2)}€</>,
           renderCell: (price) => <>{price.toFixed(2)}€</>,
+          classes: {
+            cell: classes.right,
+            footerCell: classes.right,
+          },
         }),
       ]}
       classes={{

diff --git a/example/app.module.css b/example/app.module.css
@@ -6,3 +6,7 @@
 .table .odd {
   background: lightGray;
 }
+
+.right {
+  justify-content: end;
+}
diff --git a/src/theme/defaultTheme/defaultClasses.ts b/src/theme/defaultTheme/defaultClasses.ts
@@ -30,14 +30,12 @@ export const defaultClasses = {
   headerCell: css(cell, {
     padding: `var(--spacing) 0 var(--spacing) calc(2 * var(--spacing))`,
     borderBottom: `1px solid #c9cfda`,
-    background: white,
   }),
 
   footerCell: css(cell, {
-    padding: `var(--spacing) 0 var(--spacing) calc(2 * var(--spacing))`,
+    padding: `var(--spacing) calc(2 * var(--spacing))`,
     borderTop: `1px solid #c9cfda`,
     borderBottom: 'none',
-    background: white,
   }),
 
   firstCell: css({