status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Create overviewLayout.css

This commit is contained in:
Hristo Nedelkov 2024-01-05 09:49:57 +02:00
parent fddf2ecdce
commit 8ddc1822f0
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/ValidatorOnboarding/Overview/overviewLayout.css Normal file
View File

@ -0,0 +1,28 @@
.overview-cards {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.overview-card {
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.15);
width: 44%;
padding: 12px 16px;
background-color: #FFF;
min-width: 150px;
}
/* Media query for smaller screens */
@media screen and (max-width: 1000px) {
/* Adjust 600px based on your requirements */
.overview-cards {
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.overview-card {
width: 150%;
margin-bottom: 16px;
}
}