mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 17:40:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

Re-positioned components in short urls list for consistency with other sections

Browse source
This commit is contained in:
Alejandro Celaya 2022-03-13 10:43:57 +01:00
parent ef8db5e2cd
commit a26019ca78
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/short-urls/ShortUrlsFilteringBar.tsx
View file

@ -61,10 +61,13 @@ const ShortUrlsFilteringBar = (colorGenerator: ColorGenerator): FC<ShortUrlsFilt
<div className={classNames('short-urls-filtering-bar-container', className)}> <div className={classNames('short-urls-filtering-bar-container', className)}>
<SearchField initialValue={search} onChange={setSearch} /> <SearchField initialValue={search} onChange={setSearch} />
<Row> <Row className="flex-column-reverse flex-lg-row">
<div className="col-lg-4 col-xl-6 mt-3"> <div className="col-lg-4 col-xl-6 mt-3">
<ExportBtn className="btn-md-block" amount={4} onClick={() => {}} /> <ExportBtn className="btn-md-block" amount={4} onClick={() => {}} />
</div> </div>
<div className="col-12 d-block d-lg-none mt-3">
<OrderingDropdown items={SHORT_URLS_ORDERABLE_FIELDS} order={order} onChange={handleOrderBy} />
</div>
<div className="col-lg-8 col-xl-6 mt-3"> <div className="col-lg-8 col-xl-6 mt-3">
<DateRangeSelector <DateRangeSelector
defaultText="All short URLs" defaultText="All short URLs"
@ -78,7 +81,7 @@ const ShortUrlsFilteringBar = (colorGenerator: ColorGenerator): FC<ShortUrlsFilt
</Row> </Row>
{selectedTags.length > 0 && ( {selectedTags.length > 0 && (
<h4 className="my-3"> <h4 className="mt-3">
{canChangeTagsMode && selectedTags.length > 1 && ( {canChangeTagsMode && selectedTags.length > 1 && (
<div className="float-end ms-2 mt-1"> <div className="float-end ms-2 mt-1">
<TooltipToggleSwitch <TooltipToggleSwitch
@ -95,10 +98,6 @@ const ShortUrlsFilteringBar = (colorGenerator: ColorGenerator): FC<ShortUrlsFilt
<Tag colorGenerator={colorGenerator} key={tag} text={tag} clearable onClose={() => removeTag(tag)} />)} <Tag colorGenerator={colorGenerator} key={tag} text={tag} clearable onClose={() => removeTag(tag)} />)}
</h4> </h4>
)} )}
<div className="d-block d-lg-none mb-3">
<OrderingDropdown items={SHORT_URLS_ORDERABLE_FIELDS} order={order} onChange={handleOrderBy} />
</div>
</div> </div>
); );
}; };