You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
986 B
49 lines
986 B
import styled from 'styled-components/macro'
|
|
|
|
import { Nav } from 'features/Menu/styled'
|
|
|
|
export const HeaderMobileWrapper = styled.div`
|
|
width: 100%;
|
|
height: 40px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 12px 18px;
|
|
`
|
|
|
|
export const HeaderMobileMidle = styled.div`
|
|
width: 100%;
|
|
height: 44px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 12px 18px;
|
|
margin-top: 6px
|
|
`
|
|
|
|
export const HeaderMobileBottom = styled.div`
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 5px 18px;
|
|
`
|
|
|
|
export const HeaderIconsWrapper = styled.div`
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
min-width: 100px;
|
|
|
|
${Nav} {
|
|
margin-right: 0;
|
|
}
|
|
`
|
|
|
|
export const IconFavWrapper = styled.div`
|
|
width: 24px;
|
|
height: 20px;
|
|
background-image: url(/images/star-white.svg);
|
|
background-repeat: no-repeat;
|
|
`
|
|
|