Skip to content
Snippets Groups Projects
Commit beb3041d authored by Moritz Stückler's avatar Moritz Stückler :cowboy:
Browse files

feat: add styling for selectinput

parent 2a5bc9f0
No related branches found
No related tags found
No related merge requests found
......@@ -5,7 +5,12 @@ import Creatable from 'react-select/creatable';
const CreatableSelect = <OptionType, isMulti extends boolean>(props: NamedProps<OptionType, isMulti>): JSX.Element => {
const customStyles: StylesConfig<OptionType, isMulti> = {
control: (provided) => ({ ...provided, border: '0', borderRadius: '0.5em' }),
control: (provided) => ({
...provided,
border: '0',
borderRadius: '0.5em',
boxShadow: 'none',
}),
multiValue: (provided) => ({ ...provided, borderRadius: '999px', padding: '0 3px' }),
multiValueRemove: (provided) => ({
...provided,
......
......@@ -161,6 +161,7 @@ const AddPoiForm: React.FC = () => {
<SelectInput
label={'Kategorie'}
required
placeholder={'Auswählen...'}
name={'category'}
options={categoryOptions}
onChange={(selectedOption) =>
......@@ -174,6 +175,7 @@ const AddPoiForm: React.FC = () => {
label={'Verhältnis zum Fab City Hamburg e.V.'}
required
name={'relationStatus'}
placeholder={'Auswählen...'}
options={relationStatusOptions}
onChange={(selectedOption) =>
setFormData((prev) => ({
......
......@@ -26,7 +26,7 @@ const SelectInput = <OptionType, isMulti extends boolean>({
<CreatableSelect
name={name}
value={value}
className="form-input form-input-custom"
className="p-0 form-input form-input-custom"
onChange={onChange}
{...inputProps}
/>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment