master/detail header

This commit is contained in:
Jan Prochazka
2020-05-10 10:26:54 +02:00
parent 76ce6acb5e
commit e927d08a9e
3 changed files with 89 additions and 19 deletions

View File

@@ -37,10 +37,10 @@ const StyledIconSpan = styled.span`
const ButtonDivInner = styled.div`
position: relative;
top: 2px;
top: ${(props) => props.patchY}px;
`;
export default function ToolbarButton({ children, onClick, icon = undefined, disabled = undefined }) {
export default function ToolbarButton({ children, onClick, icon = undefined, disabled = undefined, patchY = 2 }) {
const Icon = icon;
return (
<ButtonDiv
@@ -49,7 +49,7 @@ export default function ToolbarButton({ children, onClick, icon = undefined, dis
}}
disabled={disabled}
>
<ButtonDivInner>
<ButtonDivInner patchY={patchY}>
{Icon && (
<StyledIconSpan disabled={disabled}>
<i className={icon} />