status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-09 18:13:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix cards responsivness

Browse Source
This commit is contained in:
Hristo Nedelkov 2024-01-22 10:07:40 +02:00
parent 1571e3727c
commit 510a8b28bc
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
View File

@ -2,26 +2,25 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: 100%; gap: 16px;
flex-wrap: wrap;
width: 250%;
margin-top: 10%;
} }
.overviewCard { .overviewCard {
border-radius: 16px; border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
width: 44%;
padding: 12px 16px; padding: 12px 16px;
background-color: #fff; background-color: #fff;
min-width: 150px; min-width: 220px;
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.overviewCards { .overviewCards {
flex-direction: column; flex-direction: column;
align-items: center;
flex-wrap: wrap;
} }
.overviewCard { .overviewCard {
width: 160%; width: 35%;
margin-bottom: 16px; margin-bottom: 16px;
} }
} }