LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-22 20:31:13 +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 ( 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"