forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-14 11:33:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated styles in tags section to make it more dark-theme friendly

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-19 20:51:55 +01:00
parent d6633f7555
commit 36c97ad804
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/tags/TagCard.tsx
View File

@@ -35,10 +35,10 @@ const TagCard = (
return ( return (
<Card className="tag-card"> <Card className="tag-card">
<CardHeader className="tag-card__header"> <CardHeader className="tag-card__header">
<Button color="light" size="sm" className="tag-card__btn tag-card__btn--last" onClick={toggleDelete}> <Button color="link" size="sm" className="tag-card__btn tag-card__btn--last" onClick={toggleDelete}>
<FontAwesomeIcon icon={deleteIcon} /> <FontAwesomeIcon icon={deleteIcon} />
</Button> </Button>
<Button color="light" size="sm" className="tag-card__btn" onClick={toggleEdit}> <Button color="link" size="sm" className="tag-card__btn" onClick={toggleEdit}>
<FontAwesomeIcon icon={editIcon} /> <FontAwesomeIcon icon={editIcon} />
</Button> </Button>
<h5 className="tag-card__tag-title text-ellipsis"> <h5 className="tag-card__tag-title text-ellipsis">
@@ -57,14 +57,14 @@ const TagCard = (
<CardBody className="tag-card__body"> <CardBody className="tag-card__body">
<Link <Link
to={shortUrlsLink} to={shortUrlsLink}
className="btn btn-light btn-block d-flex justify-content-between align-items-center mb-1" className="btn btn-outline-secondary btn-block d-flex justify-content-between align-items-center mb-1"
> >
<span className="text-ellipsis"><FontAwesomeIcon icon={faLink} className="mr-2" />Short URLs</span> <span className="text-ellipsis"><FontAwesomeIcon icon={faLink} className="mr-2" />Short URLs</span>
<b>{prettify(tagStats.shortUrlsCount)}</b> <b>{prettify(tagStats.shortUrlsCount)}</b>
</Link> </Link>
<Link <Link
to={`/server/${serverId}/tag/${tag}/visits`} to={`/server/${serverId}/tag/${tag}/visits`}
className="btn btn-light btn-block d-flex justify-content-between align-items-center" className="btn btn-outline-secondary btn-block d-flex justify-content-between align-items-center"
> >
<span className="text-ellipsis"><FontAwesomeIcon icon={faEye} className="mr-2" />Visits</span> <span className="text-ellipsis"><FontAwesomeIcon icon={faEye} className="mr-2" />Visits</span>
<b>{prettify(tagStats.visitsCount)}</b> <b>{prettify(tagStats.visitsCount)}</b>