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

Mobile view

Browse Source
This commit is contained in:
Daniel
2025-01-13 00:47:15 +01:00
committed by Nicolás Hatcher Andrés
parent b0f57b20c2
commit c770b3229c
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
webapp/src/components/NameManagerDialog/NameManagerDialog.tsx
View File

@@ -173,7 +173,7 @@ function NameManagerDialog(properties: NameManagerDialogProperties) {
onClick={() => setEditingNameIndex(-1)} onClick={() => setEditingNameIndex(-1)}
variant="contained" variant="contained"
disableElevation disableElevation
sx={{ textTransform: "none" }} sx={{ textTransform: "none", minWidth: "fit-content" }}
startIcon={<Plus size={16} />} startIcon={<Plus size={16} />}
disabled={editingNameIndex > -2} disabled={editingNameIndex > -2}
> >
@@ -184,11 +184,15 @@ function NameManagerDialog(properties: NameManagerDialogProperties) {
); );
} }
const StyledDialog = styled(Dialog)(() => ({ const StyledDialog = styled(Dialog)(({ theme }) => ({
"& .MuiPaper-root": { "& .MuiPaper-root": {
height: "400px", height: "400px",
minHeight: "200px", minHeight: "200px",
minWidth: "620px", minWidth: "620px",
maxWidth: "90%",
[theme.breakpoints.down("sm")]: {
minWidth: "90%",
},
}, },
})); }));

6
webapp/src/components/NameManagerDialog/NamedRangeActive.tsx
View File

@@ -128,12 +128,16 @@ const StyledBox = styled(Box)`
width: auto; width: auto;
padding: 10px 20px 10px 12px; padding: 10px 20px 10px 12px;
box-shadow: 0 -1px 0 ${theme.palette.grey[300]}; box-shadow: 0 -1px 0 ${theme.palette.grey[300]};
@media (max-width: 600px) {
padding: 12px;
}
`; `;
const StyledTextField = styled(TextField)(() => ({ const StyledTextField = styled(TextField)(() => ({
"& .MuiInputBase-root": { "& .MuiInputBase-root": {
height: "36px", height: "36px",
width: "161.67px", width: "100%",
margin: 0, margin: 0,
fontFamily: "Inter", fontFamily: "Inter",
fontSize: "12px", fontSize: "12px",