mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-01 10:09:56 +00:00
fix: Fix some gaps in search filters
This commit is contained in:
parent
2c56c2e59d
commit
302c6b496d
1 changed files with 17 additions and 22 deletions
|
@ -182,27 +182,22 @@ const Filter = ({
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div className="col-sm-6">
|
<div className="col-sm-6">
|
||||||
<div className="row gx-2">
|
<label className="mb-1" htmlFor={`${filterType}-filter`}>
|
||||||
<label
|
{capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
|
||||||
className="col-12 col-sm-auto col-form-label flex-grow-0"
|
</label>
|
||||||
htmlFor={`${filterType}-filter`}
|
<SearchableSelect
|
||||||
>
|
id={`${filterType}-filter`}
|
||||||
{capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
|
options={[
|
||||||
</label>
|
{
|
||||||
<SearchableSelect
|
label: I18NextService.i18n.t("all"),
|
||||||
id={`${filterType}-filter`}
|
value: "0",
|
||||||
options={[
|
},
|
||||||
{
|
].concat(options)}
|
||||||
label: I18NextService.i18n.t("all"),
|
value={value ?? 0}
|
||||||
value: "0",
|
onSearch={onSearch}
|
||||||
},
|
onChange={onChange}
|
||||||
].concat(options)}
|
loading={loading}
|
||||||
value={value ?? 0}
|
/>
|
||||||
onSearch={onSearch}
|
|
||||||
onChange={onChange}
|
|
||||||
loading={loading}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -588,7 +583,7 @@ export class Search extends Component<any, SearchState> {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="row gx-5 gy-2 mb-3">
|
<div className="row gy-2 gx-4 mb-3">
|
||||||
{hasCommunities && (
|
{hasCommunities && (
|
||||||
<Filter
|
<Filter
|
||||||
filterType="community"
|
filterType="community"
|
||||||
|
|
Loading…
Reference in a new issue