feat: Update throughput chart data and styling; hide axes and add background pattern

This commit is contained in:
Nalvazhuthi
2025-05-03 17:57:57 +05:30
parent c8c0f9a9c0
commit c1e5e25c54
2 changed files with 23 additions and 20 deletions

View File

@@ -128,7 +128,7 @@
.throughput-value {
font-size: var(--font-size-small);
flex: 1;
flex: 0.8;
display: flex;
flex-direction: column;
@@ -140,15 +140,26 @@
}
.lineChart {
flex: 1.2;
max-width: 200px;
height: 100px;
position: relative;
position: relative;
background-image: radial-gradient(#d3d3d3 1px, transparent 1px);
background-size: 10px 10px;
border-radius: 8px;
.assetUsage {
text-align: right;
position: absolute;
right: 0;
top: 0;
.key,
.value {
font-size: var(--font-size-regular);
}
}
canvas {
@@ -276,7 +287,7 @@
}
.roiSummary-container {
max-height: 60vh;
// max-height: 60vh;
overflow-y: auto;
}
@@ -335,6 +346,7 @@
gap: 3px;
align-items: center;
font-weight: 300;
.key {
font-weight: 500;
font-size: var(--font-size-large);
@@ -587,4 +599,4 @@
}
}
// Breakdown Table Open/Close Logic
// Breakdown Table Open/Close Logic