Adjust various base components

This commit is contained in:
jeffvli 2023-02-05 20:52:25 -08:00
parent ab3236230b
commit 6872a7e8b2
5 changed files with 6 additions and 8 deletions

View file

@ -57,7 +57,7 @@ const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
} }
& .mantine-Menu-itemIcon { & .mantine-Menu-itemIcon {
margin-right: 0.5rem; margin-right: 1rem;
} }
& .mantine-Menu-itemLabel { & .mantine-Menu-itemLabel {

View file

@ -46,7 +46,6 @@ export const Pagination = ({ $hideDividers, ...props }: PaginationProps) => {
<StyledPagination <StyledPagination
$hideDividers={$hideDividers} $hideDividers={$hideDividers}
radius="xl" radius="xl"
size="md"
{...props} {...props}
/> />
); );

View file

@ -58,7 +58,7 @@ interface NativeScrollAreaProps {
pageHeaderProps?: PageHeaderProps & { offset?: any; target?: any }; pageHeaderProps?: PageHeaderProps & { offset?: any; target?: any };
scrollBarOffset?: string; scrollBarOffset?: string;
scrollHideDelay?: number; scrollHideDelay?: number;
style: React.CSSProperties; style?: React.CSSProperties;
} }
export const NativeScrollArea = forwardRef( export const NativeScrollArea = forwardRef(

View file

@ -108,10 +108,9 @@ export const TablePagination = ({
> >
<Popover.Target> <Popover.Target>
<Button <Button
compact
radius="sm" radius="sm"
size="lg" size="sm"
sx={{ height: '32px', padding: 0, width: '32px' }} sx={{ height: '26px', padding: '0', width: '26px' }}
tooltip={{ label: 'Go to page' }} tooltip={{ label: 'Go to page' }}
variant="default" variant="default"
onClick={() => handlers.toggle()} onClick={() => handlers.toggle()}

View file

@ -44,8 +44,8 @@ interface PlayButtonProps {
const PlayButton = ({ onClick }: PlayButtonProps) => { const PlayButton = ({ onClick }: PlayButtonProps) => {
return ( return (
<PlayBtn <PlayBtn
h="50px" h="45px"
w="50px" w="45px"
onClick={onClick} onClick={onClick}
/> />
); );