css
This commit is contained in:
@@ -54,7 +54,14 @@ main {
|
|||||||
font-size: clamp(1.45rem, 3vw, 2rem);
|
font-size: clamp(1.45rem, 3vw, 2rem);
|
||||||
}
|
}
|
||||||
.balance-grid .total {
|
.balance-grid .total {
|
||||||
background: var(--mat-sys-primary-container);
|
background: linear-gradient(
|
||||||
|
135deg,
|
||||||
|
#5ca34c 0%,
|
||||||
|
#4f8f46 55%,
|
||||||
|
#3f7f3c 100%
|
||||||
|
);
|
||||||
|
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.content-grid {
|
.content-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -30,12 +30,21 @@ h1 {
|
|||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
.balance {
|
.balance {
|
||||||
background: var(--mat-sys-primary-container);
|
// background: var(--mat-sys-primary-container);
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
padding: 16px 22px;
|
padding: 16px 22px;
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
min-width: 160px;
|
min-width: 160px;
|
||||||
|
|
||||||
|
background: linear-gradient(
|
||||||
|
135deg,
|
||||||
|
#5ca34c 0%,
|
||||||
|
#4f8f46 55%,
|
||||||
|
#3f7f3c 100%
|
||||||
|
);
|
||||||
|
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.balance strong {
|
.balance strong {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|||||||
@@ -42,8 +42,16 @@ h2 {
|
|||||||
color: var(--mat-sys-on-surface-variant);
|
color: var(--mat-sys-on-surface-variant);
|
||||||
}
|
}
|
||||||
.balance-card--primary {
|
.balance-card--primary {
|
||||||
background: var(--mat-sys-primary-container);
|
// background: var(--mat-sys-primary-container);
|
||||||
color: var(--mat-sys-on-primary-container);
|
// color: var(--mat-sys-on-primary-container);
|
||||||
|
background: linear-gradient(
|
||||||
|
135deg,
|
||||||
|
#5ca34c 0%,
|
||||||
|
#4f8f46 55%,
|
||||||
|
#3f7f3c 100%
|
||||||
|
);
|
||||||
|
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.section-heading {
|
.section-heading {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user