Move sidebar to the bottom on mobile
- Hide photoview header text on smaller screens
This commit is contained in:
parent
b54b04265e
commit
4db10cddf9
|
@ -28,6 +28,17 @@ const SideMenu = styled.div`
|
|||
width: 80px;
|
||||
left: 0;
|
||||
padding-top: 70px;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 10;
|
||||
padding-top: 0;
|
||||
display: flex;
|
||||
bottom: 0;
|
||||
}
|
||||
`
|
||||
|
||||
const Content = styled.div`
|
||||
|
|
|
@ -21,6 +21,15 @@ const Title = styled.h1`
|
|||
font-weight: 400;
|
||||
padding: 2px 12px;
|
||||
flex-grow: 1;
|
||||
min-width: 245px;
|
||||
|
||||
@media (max-width: 400px) {
|
||||
min-width: auto;
|
||||
|
||||
& span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
`
|
||||
|
||||
const Logo = styled.img`
|
||||
|
|
Loading…
Reference in New Issue