From d81490851b058bdc2a248aee13bddb778ab48d69 Mon Sep 17 00:00:00 2001 From: Jaayden Halko Date: Tue, 4 Feb 2025 12:41:17 +0000 Subject: [PATCH 1/2] fix: style table component to figma design --- site/src/components/Table/Table.tsx | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/site/src/components/Table/Table.tsx b/site/src/components/Table/Table.tsx index 85318d3b60d7d..6b54b4bc4bf0c 100644 --- a/site/src/components/Table/Table.tsx +++ b/site/src/components/Table/Table.tsx @@ -10,11 +10,11 @@ export const Table = React.forwardRef< HTMLTableElement, React.HTMLAttributes >(({ className, ...props }, ref) => ( -
+
>(({ className, ...props }, ref) => ( - + )); export const TableBody = React.forwardRef< @@ -35,7 +35,12 @@ export const TableBody = React.forwardRef< >(({ className, ...props }, ref) => ( tr:first-child>td]:border-t [&>tr>td:first-child]:border-l", + "[&>tr:last-child>td]:border-b [&>tr>td:last-child]:border-r", + "[&>tr:first-child>td:first-child]:rounded-tl-md [&>tr:first-child>td:last-child]:rounded-tr-md", + "[&>tr:last-child>td:first-child]:rounded-bl-md [&>tr:last-child>td:last-child]:rounded-br-md", + className)} {...props} /> )); @@ -91,6 +96,7 @@ export const TableCell = React.forwardRef<
[role=checkbox]]:translate-y-[2px]", className, )} From e295d3e27afb497ff74953cf46c20d97d0b92682 Mon Sep 17 00:00:00 2001 From: Jaayden Halko Date: Tue, 4 Feb 2025 15:26:01 +0000 Subject: [PATCH 2/2] fix: format --- site/src/components/Table/Table.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/site/src/components/Table/Table.tsx b/site/src/components/Table/Table.tsx index 6b54b4bc4bf0c..8daf0b57f91a7 100644 --- a/site/src/components/Table/Table.tsx +++ b/site/src/components/Table/Table.tsx @@ -40,7 +40,8 @@ export const TableBody = React.forwardRef< "[&>tr:last-child>td]:border-b [&>tr>td:last-child]:border-r", "[&>tr:first-child>td:first-child]:rounded-tl-md [&>tr:first-child>td:last-child]:rounded-tr-md", "[&>tr:last-child>td:first-child]:rounded-bl-md [&>tr:last-child>td:last-child]:rounded-br-md", - className)} + className, + )} {...props} /> )); pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy