Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-24 12:06:54 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Align stat card values

Browse Source
This commit is contained in:
Kalle
2022-09-22 00:44:56 +03:00
parent 1fcdaadaa7
commit 945f0e267c
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/routes/analyzer.tsx
View File

@@ -713,7 +713,7 @@ function StatCard({
return (
<div className="analyzer__stat-card">
<div>
<div className="analyzer__stat-card__title-and-value-container">
<h3 className="analyzer__stat-card__title">
{title}{" "}
{popoverInfo && (

9
app/styles/analyzer.css
View File

@@ -87,8 +87,16 @@
gap: var(--s-4);
}
.analyzer__stat-card__title-and-value-container {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.analyzer__stat-card__title {
font-size: var(--fonts-xs);
line-height: 1.35;
text-align: center;
word-break: break-word;
}
@@ -112,6 +120,7 @@
.analyzer__stat-card-values {
display: flex;
justify-content: space-evenly;
margin-top: var(--s-2);
gap: var(--s-1);
}