feature: add a left padding in cells
This commit is contained in:
@ -1,3 +1,4 @@
|
|||||||
|
import styled from '@emotion/styled';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
|
|
||||||
@ -6,8 +7,16 @@ type OwnProps = {
|
|||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const Container = styled.span`
|
||||||
|
margin-left: 4px;
|
||||||
|
`;
|
||||||
|
|
||||||
function ClickableCell({ href, children }: OwnProps) {
|
function ClickableCell({ href, children }: OwnProps) {
|
||||||
return <Link to={href}>{children}</Link>;
|
return (
|
||||||
|
<Link to={href}>
|
||||||
|
<Container>{children}</Container>
|
||||||
|
</Link>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default ClickableCell;
|
export default ClickableCell;
|
||||||
|
|||||||
Reference in New Issue
Block a user