Web:Studio:ProfileMenu: change top and right indents for dropdown container
This commit is contained in:
parent
216896b421
commit
7f6db27bf8
@ -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;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user