@use './common.scss' as *;
|
|
.share-qrcode-view {
|
padding-top: 140px;
|
display: flex;
|
justify-content: center;
|
}
|
|
.dashboard-view {
|
.pro-statistics-wrapper {
|
text-align: center;
|
// display: flex;
|
// flex-direction: column;
|
// justify-content: space-between;
|
|
.pro-statistics-title {
|
font-size: 32px;
|
margin-bottom: 24px;
|
}
|
|
.pro-statistics-content {
|
font-size: 28px;
|
}
|
}
|
|
.dashboard-large-cell {
|
display: flex;
|
align-items: center;
|
padding: 16px 0;
|
background: linear-gradient(90deg, #fff0ea 0%, #faf9f4 52%, #f1fffd 100%);
|
border-radius: 12px;
|
justify-content: space-between;
|
gap: 34px;
|
|
.dashboard-item-wrapper {
|
background: transparent;
|
flex: 1;
|
min-width: 0;
|
}
|
}
|
|
.dashboard-large-cell1 {
|
margin-bottom: 32px;
|
}
|
|
.dashboard-item-grad {
|
display: grid;
|
grid-template-columns: repeat(2, 1fr);
|
gap: 32px;
|
}
|
}
|
|
.dashboard-item-wrapper {
|
background: linear-gradient(90deg, #edf6ff 0%, #f6f6fe 55%, #f9fdfe 100%);
|
border-radius: 12px;
|
padding: 24px;
|
|
.dashboard-item-title-wrapper {
|
display: flex;
|
align-items: center;
|
margin-bottom: 20px;
|
|
.dashboard-item-title-icon {
|
width: 48px;
|
height: 48px;
|
margin-right: 16px;
|
}
|
|
.dashboard-item-title {
|
font-size: 26px;
|
color: boleGetCssVar('text-color', 'regular');
|
}
|
}
|
|
.dashboard-item-value-wrapper {
|
display: flex;
|
align-items: flex-end;
|
font-weight: bold;
|
font-size: 34px;
|
color: #161b2e;
|
|
.dashboard-item-symbol {
|
font-size: 26px;
|
}
|
|
.dashboard-item-value {
|
flex: 1;
|
min-width: 0;
|
@include ellipsis;
|
}
|
}
|
}
|