fix: table header css changes on storybook

This commit is contained in:
jongomez 2023-10-03 15:12:27 +01:00
parent 4a06c55d67
commit 8336d2acc8

View File

@ -67,7 +67,7 @@ export const Root: Story<TableProps> = ({ type, pages, ...args }) => {
const toolbar = ( const toolbar = (
<> <>
<Dropdown size="small" label="Label" options={headerOptions} /> <Dropdown size="medium" options={headerOptions} />
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -77,7 +77,7 @@ export const Root: Story<TableProps> = ({ type, pages, ...args }) => {
> >
<IconButton <IconButton
onClick={() => setRows((prev: number) => prev + 1)} onClick={() => setRows((prev: number) => prev + 1)}
size="small" size="medium"
> >
<AddIcon color="primary" /> <AddIcon color="primary" />
</IconButton> </IconButton>
@ -85,14 +85,14 @@ export const Root: Story<TableProps> = ({ type, pages, ...args }) => {
onClick={() => onClick={() =>
setRows((prev: number) => (prev > 1 ? prev - 1 : prev)) setRows((prev: number) => (prev > 1 ? prev - 1 : prev))
} }
size="small" size="medium"
> >
<RemoveIcon color="primary" /> <RemoveIcon color="primary" />
</IconButton> </IconButton>
<Button <Button
size="small" size="medium"
style={{ style={{
height: '28px', height: '32px',
background: 'rgb(var(--lsd-border-primary))', background: 'rgb(var(--lsd-border-primary))',
color: 'rgb(var(--lsd-icon-secondary))', color: 'rgb(var(--lsd-icon-secondary))',
}} }}