Web: Components: ContextMenu: fix mobile menu border radius

This commit is contained in:
Viktor Fomin 2022-04-25 17:58:35 +03:00
parent 8ba7bdae0f
commit 10035b5359
3 changed files with 3 additions and 0 deletions

View File

@ -21,6 +21,7 @@ const styledMobileView = css`
max-height: ${(props) => props.theme.newContextMenu.devices.maxHeight};
left: ${(props) => props.theme.newContextMenu.devices.left};
bottom: ${(props) => props.theme.newContextMenu.devices.bottom};
border-radius: ${(props) => props.theme.newContextMenu.mobileBorderRadius};
`;
const StyledContextMenu = styled.div`

View File

@ -2411,6 +2411,7 @@ const Base = {
newContextMenu: {
background: white,
borderRadius: "6px",
mobileBorderRadius: "6px 6px 0 0",
boxShadow: "0px 12px 40px rgba(4, 15, 27, 0.12)",
padding: "6px 0px",
border: "none",

View File

@ -2421,6 +2421,7 @@ const Dark = {
newContextMenu: {
background: "#3D3D3D",
borderRadius: "6px",
mobileBorderRadius: "6px 6px 0 0",
boxShadow:
"0px 12px 24px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.08), 0px 3.2px 2.6px rgba(0, 0, 0, 0.08)",
padding: "6px 0px",