Aroy/Angular-DotIO
1
0
Fork 0
Code Activity Actions

Add: right now card with quik stats

Browse source
This commit is contained in:
Aroy-Art 2025-05-16 11:07:57 +02:00
parent b16d139d35
commit 92b3482110
Signed by: Aroy
GPG key ID: 583642324A1D2070
3 changed files with 171 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/app/app.component.css
View file

@ -93,3 +93,90 @@ th {
tr:hover {
background-color: #f5f5f5;
}
/* Price summary styles - similar to the image */
.price-summary {
background-color: #f9f9f9;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid #e0e0e0;
}
.price-heading {
margin-bottom: 10px;
}
.price-heading h2 {
font-size: 1.2rem;
margin: 0;
color: #1d5631;
}
.price-subheading {
font-size: 0.8rem;
color: #666;
margin: 5px 0 15px 0;
font-style: italic;
}
.current-price {
display: flex;
align-items: baseline;
margin-bottom: 15px;
}
.price-label {
font-size: 1rem;
color: #1d5631;
margin-right: 15px;
}
.price-value {
font-size: 2rem;
font-weight: bold;
color: #1d5631;
margin-right: 15px;
}
.price-unit {
font-size: 1rem;
font-weight: normal;
}
.price-change {
font-size: 1rem;
font-weight: bold;
padding: 2px 8px;
border-radius: 4px;
}
.price-increase {
background-color: #ff6b6b;
color: white;
}
.price-decrease {
background-color: #51cf66;
color: white;
}
.price-extremes {
display: flex;
flex-wrap: wrap;
gap: 20px;
font-size: 0.9rem;
color: #555;
}
.price-high {
color: #e03131;
}
.price-low {
color: #2b8a3e;
}
.price-average {
color: #555;
}