forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-06-01 10:06:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated overview page cards to be links to other sections when suitable

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-28 09:50:01 +01:00
parent 25e53bf627
commit 71ee886e24
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/servers/Overview.scss
View File

@@ -3,6 +3,8 @@
.overview__card.overview__card { .overview__card.overview__card {
text-align: center; text-align: center;
border-top: 3px solid var(--brand-color); border-top: 3px solid var(--brand-color);
color: inherit;
text-decoration: none;
} }
.overview__card-title { .overview__card-title {

6
src/servers/Overview.tsx
View File

@@ -65,7 +65,7 @@ export const Overview = (
</Card> </Card>
</div> </div>
<div className="col-md-6 col-xl-3"> <div className="col-md-6 col-xl-3">
<Card className="overview__card mb-2" body> <Card className="overview__card mb-2" body tag={Link} to={`/server/${serverId}/orphan-visits`}>
<CardTitle tag="h5" className="overview__card-title">Orphan visits</CardTitle> <CardTitle tag="h5" className="overview__card-title">Orphan visits</CardTitle>
<CardText tag="h2"> <CardText tag="h2">
<ForServerVersion minVersion="2.6.0"> <ForServerVersion minVersion="2.6.0">
@@ -78,7 +78,7 @@ export const Overview = (
</Card> </Card>
</div> </div>
<div className="col-md-6 col-xl-3"> <div className="col-md-6 col-xl-3">
<Card className="overview__card mb-2" body> <Card className="overview__card mb-2" body tag={Link} to={`/server/${serverId}/list-short-urls/1`}>
<CardTitle tag="h5" className="overview__card-title">Short URLs</CardTitle> <CardTitle tag="h5" className="overview__card-title">Short URLs</CardTitle>
<CardText tag="h2"> <CardText tag="h2">
{loading ? 'Loading...' : prettify(shortUrls?.pagination.totalItems ?? 0)} {loading ? 'Loading...' : prettify(shortUrls?.pagination.totalItems ?? 0)}
@@ -86,7 +86,7 @@ export const Overview = (
</Card> </Card>
</div> </div>
<div className="col-md-6 col-xl-3"> <div className="col-md-6 col-xl-3">
<Card className="overview__card mb-2" body> <Card className="overview__card mb-2" body tag={Link} to={`/server/${serverId}/manage-tags`}>
<CardTitle tag="h5" className="overview__card-title">Tags</CardTitle> <CardTitle tag="h5" className="overview__card-title">Tags</CardTitle>
<CardText tag="h2">{loadingTags ? 'Loading...' : prettify(tagsList.tags.length)}</CardText> <CardText tag="h2">{loadingTags ? 'Loading...' : prettify(tagsList.tags.length)}</CardText>
</Card> </Card>