foldbank-mock/web/app/components/dashboard.module.css
Ameya Shenoy 6a9ab237a5
feat: major mods
- added graph on dashboard
- added recent txns

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
2023-03-10 19:37:22 +05:30

58 lines
751 B
CSS

.main {
background: #FFFFFF;
border-radius: 20px;
display: flex;
margin-top: 40px;
}
.title {
display: flex;
align-items: center;
color: #6D678E;
margin: 35px 25px;
font: bold 1em Arial, Sans-serif;
text-transform: uppercase;
}
.banks {
flex: 1;
}
.banksLogo {
margin: 0 10px;
}
.rupeeHolder {
margin: 0 10px;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
background: #6C6F7E;
border-radius: 50%;
width: 23px;
}
.rupeeLogo {
background: #6C6F7E;
border-radius: 50%;
color: #FFFFFF;
}
.totalBalance {
flex: 2;
}
.totalBalanceAmountHolder {
display: flex;
margin: 35px 25px;
}
.amount {
font: bold 4em Arial, Sans-serif;
}
.message {
margin: 35px 25px;
}