Add expense-list component, DRY up code, add tags

This commit is contained in:
Râu Cao
2023-01-13 14:56:43 +08:00
parent 89f6fa0b5c
commit a93be41e08
5 changed files with 60 additions and 55 deletions
+17 -19
View File
@@ -17,32 +17,30 @@ ul.expense-list {
}
}
.description {
grid-row-start: 1;
grid-row-end: 3;
}
.amount {
justify-self: end;
// font-weight: normal;
}
.actions {
justify-self: end;
}
h4 {
font-size: 1.2rem;
font-weight: normal;
line-height: 2rem;
}
p {
line-height: 2rem;
.amount {
justify-self: end;
}
&.description {
font-size: 1rem;
opacity: 0.7;
.description {
font-size: 1rem;
opacity: 0.7;
grid-column-start: span 2;
}
.tags {
button {
margin-left: 0;
}
}
.actions {
justify-self: end;
}
}