Web:Studio:ProfileMenu: change top and right indents for dropdown container

This commit is contained in:
Timofey Boyko 2022-04-15 19:03:43 +03:00
parent 216896b421
commit 7f6db27bf8

View File

@ -5,13 +5,31 @@ import DropDown from "@appserver/components/drop-down";
import styled, { css } from "styled-components";
import DropDownItem from "@appserver/components/drop-down-item";
import { isDesktop, isTablet, isMobileOnly } from "react-device-detect";
import {
isDesktop,
isTablet,
isMobile,
isMobileOnly,
} from "react-device-detect";
import { Base } from "@appserver/components/themes";
import { mobile } from "@appserver/components/utils/device";
import { mobile, tablet } from "@appserver/components/utils/device";
import CrossIcon from "@appserver/components/public/static/images/cross.react.svg";
const StyledDropDown = styled(DropDown)`
z-index: 500;
top: 54px !important;
right: 20px !important;
@media ${tablet} {
right: 16px !important;
}
${isMobile &&
css`
right: 16px !important;
`}
@media ${mobile} {
position: fixed;