feat(income): add account income analytics
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
.trendChart {
|
||||
align-items: stretch;
|
||||
display: flex;
|
||||
gap: var(--mantine-spacing-xs);
|
||||
height: 160px;
|
||||
overflow-x: auto;
|
||||
padding: 0 var(--mantine-spacing-xs);
|
||||
}
|
||||
|
||||
.trendColumn {
|
||||
flex: 1 0 32px;
|
||||
min-width: 32px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.baseline {
|
||||
background: var(--mantine-color-gray-4);
|
||||
height: 1px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.positiveStack,
|
||||
.negativeStack {
|
||||
display: flex;
|
||||
left: 25%;
|
||||
position: absolute;
|
||||
right: 25%;
|
||||
}
|
||||
|
||||
.positiveStack {
|
||||
bottom: 50%;
|
||||
flex-direction: column-reverse;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.negativeStack {
|
||||
bottom: 0;
|
||||
flex-direction: column;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
background: var(--mantine-color-blue-5);
|
||||
}
|
||||
|
||||
.dividend {
|
||||
background: var(--mantine-color-grape-5);
|
||||
}
|
||||
Reference in New Issue
Block a user