From f9022eb7f6a029e3556a68442ea635158ccf276f Mon Sep 17 00:00:00 2001 From: sai6855 Date: Sun, 18 Aug 2024 11:12:44 +0530 Subject: [PATCH 1/3] fix --- .../material/components/menus/AccountMenu.js | 50 ++++++++++--------- .../material/components/menus/AccountMenu.tsx | 50 ++++++++++--------- .../material/components/menus/LongMenu.js | 10 ++-- .../material/components/menus/LongMenu.tsx | 11 ++-- 4 files changed, 67 insertions(+), 54 deletions(-) diff --git a/docs/data/material/components/menus/AccountMenu.js b/docs/data/material/components/menus/AccountMenu.js index da1d097b5cdd3d..92d069ff673efb 100644 --- a/docs/data/material/components/menus/AccountMenu.js +++ b/docs/data/material/components/menus/AccountMenu.js @@ -45,29 +45,33 @@ export default function AccountMenu() { open={open} onClose={handleClose} onClick={handleClose} - PaperProps={{ - elevation: 0, - sx: { - overflow: 'visible', - filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', - mt: 1.5, - '& .MuiAvatar-root': { - width: 32, - height: 32, - ml: -0.5, - mr: 1, - }, - '&::before': { - content: '""', - display: 'block', - position: 'absolute', - top: 0, - right: 14, - width: 10, - height: 10, - bgcolor: 'background.paper', - transform: 'translateY(-50%) rotate(45deg)', - zIndex: 0, + slotProps={{ + paper: { + sx: { + elevation: 0, + sx: { + overflow: 'visible', + filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', + mt: 1.5, + '& .MuiAvatar-root': { + width: 32, + height: 32, + ml: -0.5, + mr: 1, + }, + '&::before': { + content: '""', + display: 'block', + position: 'absolute', + top: 0, + right: 14, + width: 10, + height: 10, + bgcolor: 'background.paper', + transform: 'translateY(-50%) rotate(45deg)', + zIndex: 0, + }, + }, }, }, }} diff --git a/docs/data/material/components/menus/AccountMenu.tsx b/docs/data/material/components/menus/AccountMenu.tsx index 169154ca30905d..af5939aa9d14bc 100644 --- a/docs/data/material/components/menus/AccountMenu.tsx +++ b/docs/data/material/components/menus/AccountMenu.tsx @@ -45,29 +45,33 @@ export default function AccountMenu() { open={open} onClose={handleClose} onClick={handleClose} - PaperProps={{ - elevation: 0, - sx: { - overflow: 'visible', - filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', - mt: 1.5, - '& .MuiAvatar-root': { - width: 32, - height: 32, - ml: -0.5, - mr: 1, - }, - '&::before': { - content: '""', - display: 'block', - position: 'absolute', - top: 0, - right: 14, - width: 10, - height: 10, - bgcolor: 'background.paper', - transform: 'translateY(-50%) rotate(45deg)', - zIndex: 0, + slotProps={{ + paper: { + sx: { + elevation: 0, + sx: { + overflow: 'visible', + filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', + mt: 1.5, + '& .MuiAvatar-root': { + width: 32, + height: 32, + ml: -0.5, + mr: 1, + }, + '&::before': { + content: '""', + display: 'block', + position: 'absolute', + top: 0, + right: 14, + width: 10, + height: 10, + bgcolor: 'background.paper', + transform: 'translateY(-50%) rotate(45deg)', + zIndex: 0, + }, + }, }, }, }} diff --git a/docs/data/material/components/menus/LongMenu.js b/docs/data/material/components/menus/LongMenu.js index 926a419b5a3990..a68bdeeb82fac6 100644 --- a/docs/data/material/components/menus/LongMenu.js +++ b/docs/data/material/components/menus/LongMenu.js @@ -53,10 +53,12 @@ export default function LongMenu() { anchorEl={anchorEl} open={open} onClose={handleClose} - PaperProps={{ - style: { - maxHeight: ITEM_HEIGHT * 4.5, - width: '20ch', + slotProps={{ + paper: { + style: { + maxHeight: ITEM_HEIGHT * 4.5, + width: '20ch', + }, }, }} > diff --git a/docs/data/material/components/menus/LongMenu.tsx b/docs/data/material/components/menus/LongMenu.tsx index 184184386e84c8..8cebe3f1a48038 100644 --- a/docs/data/material/components/menus/LongMenu.tsx +++ b/docs/data/material/components/menus/LongMenu.tsx @@ -53,10 +53,13 @@ export default function LongMenu() { anchorEl={anchorEl} open={open} onClose={handleClose} - PaperProps={{ - style: { - maxHeight: ITEM_HEIGHT * 4.5, - width: '20ch', + + slotProps={{ + paper: { + style: { + maxHeight: ITEM_HEIGHT * 4.5, + width: '20ch', + }, }, }} > From 540e635e6f5091a69eb15974ead433379294865a Mon Sep 17 00:00:00 2001 From: sai6855 Date: Sun, 18 Aug 2024 11:17:09 +0530 Subject: [PATCH 2/3] fix --- .../material/components/menus/AccountMenu.js | 44 +++++++++---------- .../material/components/menus/AccountMenu.tsx | 44 +++++++++---------- 2 files changed, 42 insertions(+), 46 deletions(-) diff --git a/docs/data/material/components/menus/AccountMenu.js b/docs/data/material/components/menus/AccountMenu.js index 92d069ff673efb..960b8c8fac1c64 100644 --- a/docs/data/material/components/menus/AccountMenu.js +++ b/docs/data/material/components/menus/AccountMenu.js @@ -47,30 +47,28 @@ export default function AccountMenu() { onClick={handleClose} slotProps={{ paper: { + elevation: 0, sx: { - elevation: 0, - sx: { - overflow: 'visible', - filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', - mt: 1.5, - '& .MuiAvatar-root': { - width: 32, - height: 32, - ml: -0.5, - mr: 1, - }, - '&::before': { - content: '""', - display: 'block', - position: 'absolute', - top: 0, - right: 14, - width: 10, - height: 10, - bgcolor: 'background.paper', - transform: 'translateY(-50%) rotate(45deg)', - zIndex: 0, - }, + overflow: 'visible', + filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', + mt: 1.5, + '& .MuiAvatar-root': { + width: 32, + height: 32, + ml: -0.5, + mr: 1, + }, + '&::before': { + content: '""', + display: 'block', + position: 'absolute', + top: 0, + right: 14, + width: 10, + height: 10, + bgcolor: 'background.paper', + transform: 'translateY(-50%) rotate(45deg)', + zIndex: 0, }, }, }, diff --git a/docs/data/material/components/menus/AccountMenu.tsx b/docs/data/material/components/menus/AccountMenu.tsx index af5939aa9d14bc..88d1afbb4ec5db 100644 --- a/docs/data/material/components/menus/AccountMenu.tsx +++ b/docs/data/material/components/menus/AccountMenu.tsx @@ -47,30 +47,28 @@ export default function AccountMenu() { onClick={handleClose} slotProps={{ paper: { + elevation: 0, sx: { - elevation: 0, - sx: { - overflow: 'visible', - filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', - mt: 1.5, - '& .MuiAvatar-root': { - width: 32, - height: 32, - ml: -0.5, - mr: 1, - }, - '&::before': { - content: '""', - display: 'block', - position: 'absolute', - top: 0, - right: 14, - width: 10, - height: 10, - bgcolor: 'background.paper', - transform: 'translateY(-50%) rotate(45deg)', - zIndex: 0, - }, + overflow: 'visible', + filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))', + mt: 1.5, + '& .MuiAvatar-root': { + width: 32, + height: 32, + ml: -0.5, + mr: 1, + }, + '&::before': { + content: '""', + display: 'block', + position: 'absolute', + top: 0, + right: 14, + width: 10, + height: 10, + bgcolor: 'background.paper', + transform: 'translateY(-50%) rotate(45deg)', + zIndex: 0, }, }, }, From b6065e6930a43beb98645059e8e341a54c59cc47 Mon Sep 17 00:00:00 2001 From: sai6855 Date: Sun, 18 Aug 2024 11:39:16 +0530 Subject: [PATCH 3/3] perttier --- docs/data/material/components/menus/LongMenu.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/data/material/components/menus/LongMenu.tsx b/docs/data/material/components/menus/LongMenu.tsx index 8cebe3f1a48038..5e9740073ef7f4 100644 --- a/docs/data/material/components/menus/LongMenu.tsx +++ b/docs/data/material/components/menus/LongMenu.tsx @@ -53,7 +53,6 @@ export default function LongMenu() { anchorEl={anchorEl} open={open} onClose={handleClose} - slotProps={{ paper: { style: {