sirtimbly/IronCalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: Made menu on SheetTab consistent with Figmas

Browse Source
This commit is contained in:
Daniel
2024-12-15 17:57:23 +01:00
committed by Nicolás Hatcher Andrés
parent 98dc1f3b06
commit 0b2de92053
1 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
webapp/src/components/SheetTabBar/SheetTab.tsx
View File

@@ -124,10 +124,38 @@ function SheetTab(props: SheetTabProps) {
); );
} }
const StyledMenu = styled(Menu)``; const StyledMenu = styled(Menu)`
& .MuiPaper-root {
border-radius: 8px;
padding: 4px 0px;
margin-left: -4px;
}
& .MuiList-root {
padding: 0;
}
`;
const StyledMenuItem = styled(MenuItem)` const StyledMenuItem = styled(MenuItem)`
display: flex;
justify-content: space-between;
font-size: 12px; font-size: 12px;
width: calc(100% - 8px);
margin: 0px 4px;
border-radius: 4px;
padding: 8px;
height: 32px;
`;
const MenuItemWrapper = styled(MenuItem)`
display: flex;
justify-content: space-between;
font-size: 12px;
width: calc(100% - 8px);
min-width: 172px;
margin: 0px 4px;
border-radius: 4px;
padding: 8px;
height: 32px;
`; `;
const StyledButton = styled(Button)` const StyledButton = styled(Button)`