diff --git a/src/components/CreatableSelect.tsx b/src/components/CreatableSelect.tsx index bfaa4f93a7348e6670865fa125b172a6fd45920c..98893454bd0da37d3134b86f392cffdadbb12170 100644 --- a/src/components/CreatableSelect.tsx +++ b/src/components/CreatableSelect.tsx @@ -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, diff --git a/src/components/Form/AddPoiForm.tsx b/src/components/Form/AddPoiForm.tsx index 61c0aa92460bd3d45f7e96f6f2079ab9b034ae2e..60c0e4cb25c79be3db7929698c70347bc01d9ce8 100644 --- a/src/components/Form/AddPoiForm.tsx +++ b/src/components/Form/AddPoiForm.tsx @@ -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) => ({ diff --git a/src/components/Form/SelectInput.tsx b/src/components/Form/SelectInput.tsx index 4895e296d180a8a3040a4709c06c05004c7f2509..bf82cbe82593df7d7e224a7fafb919028e1da597 100644 --- a/src/components/Form/SelectInput.tsx +++ b/src/components/Form/SelectInput.tsx @@ -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} />