diff --git a/src/components/Manager/ManagerHeader.styles.ts b/src/components/Manager/ManagerHeader.styles.ts index 76e5c3ee1..ff05db522 100644 --- a/src/components/Manager/ManagerHeader.styles.ts +++ b/src/components/Manager/ManagerHeader.styles.ts @@ -1,4 +1,4 @@ -import styled from 'styled-components'; +import styled, { css } from 'styled-components'; import { mapControlZindex } from '@/components/Map/Map.style'; @@ -7,11 +7,12 @@ export const Filters = styled.div` gap: 16px 24px; flex-wrap: wrap; margin-bottom: 16px; - align-items: flex-end; `; -export const Filter = styled.div` - width: 250px; +export const Filter = styled.div<{ width?: string }>` + ${({ width }) => css` + width: ${width ?? '250px'}; + `} margin-bottom: 0 !important; z-index: ${mapControlZindex + 2}; .fr-label { diff --git a/src/components/Manager/ManagerHeader.tsx b/src/components/Manager/ManagerHeader.tsx index 929584ac2..eb305ccff 100644 --- a/src/components/Manager/ManagerHeader.tsx +++ b/src/components/Manager/ManagerHeader.tsx @@ -109,12 +109,13 @@ const ManagerHeader = ({ demands, setFilteredDemands }: { demands: Demand[]; set return ( - + setGlobalFilter(e.target.value), }}