LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-23 03:11:25 +00:00
Code Issues Projects Releases Wiki Activity

fix: Fix some gaps in search filters

Browse source
This commit is contained in:
Jay Sitter 2023-07-02 13:36:00 -04:00
parent 2c56c2e59d
commit 302c6b496d
1 changed files with 17 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/shared/components/search.tsx
View file

@ -182,27 +182,22 @@ const Filter = ({
}) => {
return (
<div className="col-sm-6">
<div className="row gx-2">
<label
className="col-12 col-sm-auto col-form-label flex-grow-0"
htmlFor={`${filterType}-filter`}
>
{capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
</label>
<SearchableSelect
id={`${filterType}-filter`}
options={[
{
label: I18NextService.i18n.t("all"),
value: "0",
},
].concat(options)}
value={value ?? 0}
onSearch={onSearch}
onChange={onChange}
loading={loading}
/>
</div>
<label className="mb-1" htmlFor={`${filterType}-filter`}>
{capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
</label>
<SearchableSelect
id={`${filterType}-filter`}
options={[
{
label: I18NextService.i18n.t("all"),
value: "0",
},
].concat(options)}
value={value ?? 0}
onSearch={onSearch}
onChange={onChange}
loading={loading}
/>
</div>
);
};
@ -588,7 +583,7 @@ export class Search extends Component<any, SearchState> {
/>
</div>
</div>
<div className="row gx-5 gy-2 mb-3">
<div className="row gy-2 gx-4 mb-3">
{hasCommunities && (
<Filter
filterType="community"