Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SRML-64 - Updated the table component design #232

Merged
merged 3 commits into from
Dec 27, 2024
Merged

SRML-64 - Updated the table component design #232

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a659e01
Updated the table component design
jaieds Dec 27, 2024
6245aec
Merge branch 'dev' into uat-bugs/table-component
jaieds Dec 27, 2024
b417816
Update changelog.txt
jaieds Dec 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion changelog.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
Version 1.3.4 - 26th December, 2024
Version 1.3.4 - 27th December, 2024
- Improvement - Enhanced the UI of the Table and Line chart component for responsive design.
- Improvement - Added option group to the Select component.
- Improvement - Updated the Table component design.

Version 1.3.3 - 20th December, 2024
- Fixed - React `Each child in a list should have a unique "key" prop` console warning.
Expand Down
10 changes: 5 additions & 5 deletions src/components/table/table.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ export const Table = ( {
<TableContext.Provider
value={ contextValue as TableContextType<unknown> }
>
<div className="flow-root divide-y divide-x-0 divide-solid divide-border-subtle">
<div className="flow-root border-0.5 border-solid border-border-subtle rounded-md divide-y-0.5 divide-x-0 divide-solid divide-border-subtle overflow-hidden">
<div className="overflow-x-auto w-full">
<div className="relative">
<table
Expand Down Expand Up @@ -258,7 +258,7 @@ export const TableHead: React.FC<TableHeadProps> = ( {
return (
<thead
className={ cn(
'bg-background-secondary [clip-path:inset(0_0_0_0_round_0.375rem)]',
'bg-background-secondary border-x-0 border-t-0 border-b-0.5 border-solid border-border-subtle',
className
) }
{ ...props }
Expand Down Expand Up @@ -317,7 +317,7 @@ export const TableBody: React.FC<TableBodyProps> = ( {
return (
<tbody
className={ cn(
'bg-background-primary divide-y divide-x-0 divide-solid divide-border-subtle',
'bg-background-primary divide-y-0.5 divide-x-0 divide-solid divide-border-subtle',
className
) }
{ ...props }
Expand Down Expand Up @@ -378,7 +378,7 @@ export const TableCell: React.FC<TableCellProps> = ( {
return (
<td
className={ cn(
'px-3 py-4.5 text-sm font-normal leading-5 text-text-secondary',
'px-3 py-3.5 text-sm font-normal leading-5 text-text-secondary',
className
) }
{ ...props }
Expand All @@ -398,7 +398,7 @@ export const TableFooter: React.FC<TableFooterProps> = ( {
return (
<div
className={ cn(
'px-3 pb-4.5 pt-5.5',
'px-3 py-3',
checkboxSelection && 'px-4',
className
) }
Expand Down
3 changes: 3 additions & 0 deletions src/theme/default-config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,6 +207,9 @@ const defaultTheme = {
zIndex: {
999999: '999999',
},
borderWidth: {
0.5: '0.5px',
},
},
},
plugins: [],
Expand Down
Loading