status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-04 07:34:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix style of image

Browse Source
This commit is contained in:
Hristo Nedelkov 2024-01-05 10:10:06 +02:00
parent 63fcd0d5ce
commit cc1fdfe62d
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/ValidatorOnboarding/Overview/overviewLayout.css
View File

@ -9,13 +9,13 @@
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
width: 44%; width: 44%;
padding: 12px 16px; padding: 12px 16px;
background-color: #FFF; background-color: #fff;
min-width: 150px; min-width: 150px;
} }
/* Media query for smaller screens */
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
/* Adjust 600px based on your requirements */
.overview-cards { .overview-cards {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

7
src/pages/ValidatorOnboarding/Overview/validatorLayout.css
View File

@ -13,8 +13,7 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
background: linear-gradient(to left, rgba(113, 64, 253, 0.075) 15%, rgba(255, 255, 255, 0) 50%);
background: linear-gradient(to bottom, rgba(113, 64, 253, 0.075) 15%, rgba(255, 255, 255, 0) 50%);
} }
.layout-left { .layout-left {
flex: 0 0 55%; flex: 0 0 55%;
@ -63,7 +62,7 @@
left: -1%; left: -1%;
width: 50%; width: 50%;
height: 100%; height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0)); background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));
} }
.image-container .background-img { .image-container .background-img {
position: absolute; position: absolute;
@ -137,6 +136,6 @@
width: 100%; width: 100%;
right: 0; right: 0;
left: 0; left: 0;
background: linear-gradient(to top, rgba(255, 255, 255, 1) 62%, rgba(255, 255, 255, 0)); background: linear-gradient(to top, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 0));
} }
} }