pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

put search bar on top for mobile

Browse source
This commit is contained in:
Kim, Jimin 2021-08-09 11:53:46 +09:00
parent e96452df3f
commit a200a71abc
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
source/src/pages/Search.tsx
View file

@ -29,9 +29,10 @@ const StyledSearch = styled.div`
const StyledSearchContainer = styled.div`
display: flex;
align-items: center;
@media screen and (max-width: ${theming.size.screen_size2}) {
display: block;
flex-direction: column-reverse;
}
`
@ -44,6 +45,15 @@ const StyledSearchControlContainer = styled.div`
}
`
const StyledDateRange = styled(DateRange)`
width: 350px;
height: 350px;
@media screen and (max-width: ${theming.size.screen_size2}) {
margin-top: 1rem;
}
`
function isDateInRange(
dateToCompare: string,
from: string,
@ -108,7 +118,7 @@ function _Search() {
<h1>Search</h1>
<StyledSearchContainer>
<DateRange
<StyledDateRange
editableDateInputs={true}
moveRangeOnFirstSelection={false}
retainEndDateOnFirstSelection={true}