diff --git a/.changeset/table-card-typography-padding.md b/.changeset/table-card-typography-padding.md new file mode 100644 index 00000000..c30cc6b1 --- /dev/null +++ b/.changeset/table-card-typography-padding.md @@ -0,0 +1,5 @@ +--- +"@tailor-platform/app-shell": patch +--- + +Adjust `Table` cell padding so the first column uses 24px left inset and the last column uses 24px right inset (middle columns unchanged). Update `Card.Header` titles to `text-lg` to align with `DescriptionCard`, `ActivityCard`, and `ActionPanel`. diff --git a/packages/core/__snapshots__/src__components__card.test.tsx.snap b/packages/core/__snapshots__/src__components__card.test.tsx.snap index be732c1c..5c63347d 100644 --- a/packages/core/__snapshots__/src__components__card.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__card.test.tsx.snap @@ -1,5 +1,5 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Card > snapshots > basic card with header and content 1`] = `"

Title

Description
Content
"`; +exports[`Card > snapshots > basic card with header and content 1`] = `"

Title

Description
Content
"`; exports[`Card > snapshots > card with custom className 1`] = `"
Content
"`; diff --git a/packages/core/__snapshots__/src__components__table.test.tsx.snap b/packages/core/__snapshots__/src__components__table.test.tsx.snap index 703d3e97..ba7e659e 100644 --- a/packages/core/__snapshots__/src__components__table.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__table.test.tsx.snap @@ -1,11 +1,11 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Table > snapshots > basic table with header and body 1`] = `"
NameStatus
Item 1Active
"`; +exports[`Table > snapshots > basic table with header and body 1`] = `"
NameStatus
Item 1Active
"`; -exports[`Table > snapshots > empty table 1`] = `"
NameStatus
"`; +exports[`Table > snapshots > empty table 1`] = `"
NameStatus
"`; -exports[`Table > snapshots > table with caption 1`] = `"
A list of items
Name
Item
"`; +exports[`Table > snapshots > table with caption 1`] = `"
A list of items
Name
Item
"`; -exports[`Table > snapshots > table with containerClassName 1`] = `"
Name
Item
"`; +exports[`Table > snapshots > table with containerClassName 1`] = `"
Name
Item
"`; -exports[`Table > snapshots > table with footer 1`] = `"
ProductPrice
Widget$10
Total$10
"`; +exports[`Table > snapshots > table with footer 1`] = `"
ProductPrice
Widget$10
Total$10
"`; diff --git a/packages/core/src/components/action-panel/ActionPanel.tsx b/packages/core/src/components/action-panel/ActionPanel.tsx index 634d36ef..166c8bd3 100644 --- a/packages/core/src/components/action-panel/ActionPanel.tsx +++ b/packages/core/src/components/action-panel/ActionPanel.tsx @@ -132,7 +132,7 @@ export function ActionPanel({ title, actions, className }: ActionPanelProps) { return ( - + {actions.length === 0 ? (

diff --git a/packages/core/src/components/card.tsx b/packages/core/src/components/card.tsx index 18561217..f4bf0a0d 100644 --- a/packages/core/src/components/card.tsx +++ b/packages/core/src/components/card.tsx @@ -32,7 +32,10 @@ function Header({ className, title, description, children, ...props }: HeaderPro {...props} > {title && ( -

+

{title}

)} diff --git a/packages/core/src/components/table.tsx b/packages/core/src/components/table.tsx index 075828f2..a03a72fe 100644 --- a/packages/core/src/components/table.tsx +++ b/packages/core/src/components/table.tsx @@ -99,7 +99,7 @@ function Head({ className, ...props }: React.ComponentProps<"th">) { [role=checkbox]]:translate-y-[2px]", + "astw:text-foreground astw:h-10 astw:px-2 astw:first:pl-6 astw:last:pr-6 astw:text-left astw:align-middle astw:font-medium astw:whitespace-nowrap astw:[&:has([role=checkbox])]:pr-0 astw:[&>[role=checkbox]]:translate-y-[2px]", className, )} {...props} @@ -114,7 +114,7 @@ function Cell({ className, ...props }: React.ComponentProps<"td">) { [role=checkbox]]:translate-y-[2px]", + "astw:px-2 astw:py-2 astw:first:pl-6 astw:last:pr-6 astw:align-middle astw:whitespace-nowrap astw:[&:has([role=checkbox])]:pr-0 astw:[&>[role=checkbox]]:translate-y-[2px]", className, )} {...props}