Fixed rendering of cards in overview page

This commit is contained in:
Alejandro Celaya 2020-12-15 18:12:15 +01:00
parent 0491694839
commit 9dc6c756f2

View file

@ -50,7 +50,7 @@ export const Overview = (
return ( return (
<> <>
<div className="row mb-3"> <div className="row mb-3">
<div className="col-sm-4"> <div className="col-md-6 col-lg-4">
<Card className="overview__card mb-2" body> <Card className="overview__card mb-2" body>
<CardTitle tag="h5" className="overview__card-title">Visits</CardTitle> <CardTitle tag="h5" className="overview__card-title">Visits</CardTitle>
<CardText tag="h2"> <CardText tag="h2">
@ -63,7 +63,7 @@ export const Overview = (
</CardText> </CardText>
</Card> </Card>
</div> </div>
<div className="col-sm-4"> <div className="col-md-6 col-lg-4">
<Card className="overview__card mb-2" body> <Card className="overview__card mb-2" body>
<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">
@ -71,7 +71,7 @@ export const Overview = (
</CardText> </CardText>
</Card> </Card>
</div> </div>
<div className="col-sm-4"> <div className="col-md-12 col-lg-4">
<Card className="overview__card mb-2" body> <Card className="overview__card mb-2" body>
<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>