mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-11 02:37:22 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improved styling of the export visits button

Browse source
This commit is contained in:
Alejandro Celaya 2021-03-14 13:30:50 +01:00
parent 482489599e
commit 508623f89f
1 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/visits/VisitsStats.tsx
View file

@ -259,17 +259,24 @@ const VisitsStats: FC<VisitsStatsProps> = (
</div> </div>
{visits.length > 0 && ( {visits.length > 0 && (
<div className="col-lg-5 col-xl-6 mt-4 mt-lg-0"> <div className="col-lg-5 col-xl-6 mt-4 mt-lg-0">
<Button <div className="d-flex">
outline <Button
disabled={highlightedVisits.length === 0} outline
className="btn-md-block" disabled={highlightedVisits.length === 0}
onClick={() => setSelectedVisits([])} className="btn-md-block mr-2"
> onClick={() => setSelectedVisits([])}
Clear selection {highlightedVisits.length > 0 && <>({highlightedVisits.length})</>} >
</Button> Clear selection {highlightedVisits.length > 0 && <>({highlightedVisits.length})</>}
<Button outline color="primary" onClick={() => exportCsv(normalizedVisits)}> </Button>
Export <FontAwesomeIcon icon={faFileExport} /> <Button
</Button> outline
color="primary"
className="btn-md-block"
onClick={() => exportCsv(normalizedVisits)}
>
Export <FontAwesomeIcon icon={faFileExport} />
</Button>
</div>
</div> </div>
)} )}
</div> </div>