Web: Common: fixed section header for banner
This commit is contained in:
parent
914886b0d4
commit
3fb053d0b0
@ -16,15 +16,7 @@ const StyledSectionHeader = styled.div`
|
|||||||
height: 53px;
|
height: 53px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
${NoUserSelect}
|
${NoUserSelect}
|
||||||
${isMobile &&
|
|
||||||
css`
|
|
||||||
height: ${(props) => (props.maintenanceExist ? "120px" : "40px")};
|
|
||||||
width: ${(props) => !props.isLoaded && "100%"};
|
|
||||||
margin-top: 62px;
|
|
||||||
@media ${tablet} {
|
|
||||||
margin-top: ${(props) => props.marginTop};
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
@media ${tablet} {
|
@media ${tablet} {
|
||||||
height: 61px;
|
height: 61px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
@ -32,12 +24,27 @@ const StyledSectionHeader = styled.div`
|
|||||||
|
|
||||||
${isMobile &&
|
${isMobile &&
|
||||||
css`
|
css`
|
||||||
height: 61px !important;
|
|
||||||
margin-top: 48px !important;
|
|
||||||
margin-right: 0px !important;
|
margin-right: 0px !important;
|
||||||
`}
|
`}
|
||||||
|
|
||||||
|
${isMobile &&
|
||||||
|
css`
|
||||||
|
height: ${(props) =>
|
||||||
|
props.maintenanceExist ? "120px" : "61px"} !important;
|
||||||
|
width: ${(props) => !props.isLoaded && "100%"};
|
||||||
|
margin-top: 62px;
|
||||||
|
@media ${tablet} {
|
||||||
|
margin-top: ${(props) => props.marginTop};
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
|
||||||
.section-header {
|
.section-header {
|
||||||
|
height: 53px;
|
||||||
|
${isMobile &&
|
||||||
|
css`
|
||||||
|
max-width: calc(100vw - 32px);
|
||||||
|
width: 100%;
|
||||||
|
`}
|
||||||
${isMobile &&
|
${isMobile &&
|
||||||
css`
|
css`
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -47,6 +54,7 @@ const StyledSectionHeader = styled.div`
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
z-index: 149;
|
z-index: 149;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
|
padding-top: 5px;
|
||||||
`}
|
`}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user