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

FIX: responsiveness

Browse Source
This commit is contained in:
Daniel
2024-12-19 02:55:02 +01:00
committed by Nicolás Hatcher Andrés
parent 23643f0fae
commit 44f7929f4e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
webapp/src/AppComponents/DeleteWorkbookDialog.tsx
View File

@@ -71,8 +71,8 @@ const DialogWrapper = styled.div`
padding: 12px; padding: 12px;
border-radius: 8px; border-radius: 8px;
box-shadow: 0px 1px 3px 0px ${theme.palette.common.black}1A; box-shadow: 0px 1px 3px 0px ${theme.palette.common.black}1A;
max-width: 280px; width: 280px;
width: 100%; max-width: calc(100% - 40px);
z-index: 50; z-index: 50;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
`; `;
@@ -130,13 +130,13 @@ const Button = styled.button`
background-color: ${theme.palette.primary.main}; background-color: ${theme.palette.primary.main};
padding: 0px 10px; padding: 0px 10px;
height: 36px; height: 36px;
line-height: 36px;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 14px; font-size: 14px;
text-overflow: ellipsis;
transition: background-color 150ms; transition: background-color 150ms;
&:hover { &:hover {
background-color: ${theme.palette.primary.dark}; background-color: ${theme.palette.primary.dark};
@@ -147,7 +147,7 @@ const DeleteButton = styled(Button)`
background-color: ${theme.palette.error.main}; background-color: ${theme.palette.error.main};
color: ${theme.palette.common.white}; color: ${theme.palette.common.white};
&:hover { &:hover {
background-color: ${theme.palette.primary.dark}; background-color: ${theme.palette.error.dark};
} }
`; `;