From cc1fdfe62d921425f2cfa917e4c7cb5868f4eff8 Mon Sep 17 00:00:00 2001 From: Hristo Nedelkov Date: Fri, 5 Jan 2024 10:10:06 +0200 Subject: [PATCH] fix style of image --- src/pages/ValidatorOnboarding/Overview/overviewLayout.css | 6 +++--- src/pages/ValidatorOnboarding/Overview/validatorLayout.css | 7 +++---- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/src/pages/ValidatorOnboarding/Overview/overviewLayout.css b/src/pages/ValidatorOnboarding/Overview/overviewLayout.css index 3e445853..d350993e 100644 --- a/src/pages/ValidatorOnboarding/Overview/overviewLayout.css +++ b/src/pages/ValidatorOnboarding/Overview/overviewLayout.css @@ -9,13 +9,13 @@ border: 1px solid rgba(0, 0, 0, 0.15); width: 44%; padding: 12px 16px; - background-color: #FFF; + 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; diff --git a/src/pages/ValidatorOnboarding/Overview/validatorLayout.css b/src/pages/ValidatorOnboarding/Overview/validatorLayout.css index 949f8ed1..eb91bcc6 100644 --- a/src/pages/ValidatorOnboarding/Overview/validatorLayout.css +++ b/src/pages/ValidatorOnboarding/Overview/validatorLayout.css @@ -13,8 +13,7 @@ top: 0; left: 0; width: 100%; - - background: linear-gradient(to bottom, rgba(113, 64, 253, 0.075) 15%, rgba(255, 255, 255, 0) 50%); + background: linear-gradient(to left, rgba(113, 64, 253, 0.075) 15%, rgba(255, 255, 255, 0) 50%); } .layout-left { flex: 0 0 55%; @@ -63,7 +62,7 @@ left: -1%; width: 50%; 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 { position: absolute; @@ -137,6 +136,6 @@ width: 100%; right: 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)); } }