forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-20 13:36:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restyled cards, background and shadows

Browse Source
This commit is contained in:
Alejandro Celaya
2020-12-12 10:56:10 +01:00
parent bf1b59c0d8
commit 143a05cab1
10 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/servers/Overview.tsx
View File

@@ -49,13 +49,13 @@ export const Overview = (
<>
<div className="row mb-3">
<div className="col-sm-4">
<Card className="overview__card mb-2" body color="light">
<Card className="overview__card mb-2" body>
<CardTitle tag="h5" className="overview__card-title">Visits</CardTitle>
<CardText tag="h2">{loadingVisits ? 'Loading...' : prettify(visitsCount)}</CardText>
</Card>
</div>
<div className="col-sm-4">
<Card className="overview__card mb-2" body color="light">
<Card className="overview__card mb-2" body>
<CardTitle tag="h5" className="overview__card-title">Short URLs</CardTitle>
<CardText tag="h2">
{loading ? 'Loading...' : prettify(shortUrls?.pagination.totalItems ?? 0)}
@@ -63,7 +63,7 @@ export const Overview = (
</Card>
</div>
<div className="col-sm-4">
<Card className="overview__card mb-2" body color="light">
<Card className="overview__card mb-2" body>
<CardTitle tag="h5" className="overview__card-title">Tags</CardTitle>
<CardText tag="h2">{loadingTags ? 'Loading...' : prettify(tagsList.tags.length)}</CardText>
</Card>

1
src/servers/ServersListGroup.scss
View File

@@ -3,6 +3,7 @@
.servers-list__list-group {
width: 100%;
max-width: 400px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}
.servers-list__server-item.servers-list__server-item {