commit
4047a7ec23
378 changed files with 29334 additions and 0 deletions
39
components/metrics/MetricCard.module.css
Normal file
39
components/metrics/MetricCard.module.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
.card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
.value {
|
||||
font-size: var(--font-size-xlarge);
|
||||
line-height: 40px;
|
||||
min-height: 40px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: var(--font-size-normal);
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.change {
|
||||
font-size: 12px;
|
||||
padding: 0 5px;
|
||||
border-radius: 5px;
|
||||
margin-left: 4px;
|
||||
border: 1px solid var(--gray200);
|
||||
color: var(--gray500);
|
||||
}
|
||||
|
||||
.change.positive {
|
||||
color: var(--green500);
|
||||
}
|
||||
|
||||
.change.negative {
|
||||
color: var(--red500);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue