Fixes padding on page button
This commit is contained in:
parent
6ce1f0b5f1
commit
84b6dfe7df
2 changed files with 4 additions and 1 deletions
|
@ -44,7 +44,7 @@ export default function PagePanel(): JSX.Element {
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<FloatingContainer>
|
<FloatingContainer>
|
||||||
<RowButton as={DropdownMenu.Trigger} bp={breakpoints}>
|
<RowButton as={DropdownMenu.Trigger} bp={breakpoints} variant="noIcon">
|
||||||
<span>{documentPages[currentPageId].name}</span>
|
<span>{documentPages[currentPageId].name}</span>
|
||||||
</RowButton>
|
</RowButton>
|
||||||
</FloatingContainer>
|
</FloatingContainer>
|
||||||
|
|
|
@ -146,6 +146,9 @@ export const RowButton = styled('button', {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
variant: {
|
variant: {
|
||||||
|
noIcon: {
|
||||||
|
padding: '4px 12px',
|
||||||
|
},
|
||||||
pageButton: {
|
pageButton: {
|
||||||
display: 'grid',
|
display: 'grid',
|
||||||
gridTemplateColumns: '24px auto',
|
gridTemplateColumns: '24px auto',
|
||||||
|
|
Loading…
Reference in a new issue