247744a83c
* add date picker * lint * add date picker * lint * refine * fix/finish the date picker UI part * finish query parameter passing & incremental cleanup * fix/finish the date picker UI part * finish query parameter passing & incremental cleanup * fix bad merge * fix linting errors * wrap for mobile * add date picker * lint * add date picker * lint * refine * fix/finish the date picker UI part * finish query parameter passing & incremental cleanup * fix/finish the date picker UI part * finish query parameter passing & incremental cleanup * fix bad merge * fix linting errors * wrap for mobile * merge glitch? * enhance a little --------- Co-authored-by: rleed <rleed1@pm.me> Co-authored-by: keyan <keyan.kousha+huumn@gmail.com> Co-authored-by: Keyan <34140557+huumn@users.noreply.github.com>
33 lines
578 B
CSS
33 lines
578 B
CSS
.searchSection {
|
|
position: sticky;
|
|
top: 0;
|
|
box-shadow: 0 4px 12px -4px hsl(0deg 0% 59% / 10%);
|
|
background-color: var(--bs-body-bg);
|
|
z-index: 1;
|
|
}
|
|
|
|
.searchContainer {
|
|
position: relative;
|
|
}
|
|
|
|
.search {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
padding: 0;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
left: auto !important;
|
|
}
|
|
|
|
form>.active {
|
|
display: flex;
|
|
pointer-events: auto;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
}
|
|
|
|
form>.active :global(.input-group) {
|
|
flex-flow: nowrap;
|
|
} |