From df3a5868c9729a1a86bb5025f78778b369680f07 Mon Sep 17 00:00:00 2001
From: kravchenkodhealth <106426895+kravchenkodhealth@users.noreply.github.com>
Date: Thu, 5 Jan 2023 11:58:42 +0200
Subject: [PATCH] [@dhealthdapps/frontend] fix(screens): remove gradient on
 desktop, update gradient for mobile

---
 .../resources/i18n/en/OnboardingScreen.json                 | 6 +++---
 .../src/views/OnboardingScreen/OnboardingScreen.scss        | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/runtime/dapp-frontend-vue/resources/i18n/en/OnboardingScreen.json b/runtime/dapp-frontend-vue/resources/i18n/en/OnboardingScreen.json
index d73be98e..c5311b1f 100644
--- a/runtime/dapp-frontend-vue/resources/i18n/en/OnboardingScreen.json
+++ b/runtime/dapp-frontend-vue/resources/i18n/en/OnboardingScreen.json
@@ -8,7 +8,7 @@
             "button": "Get Started",
             "image": "Sport-to-Token.svg",
             "mobileGradient":
-              "linear-gradient(180deg, #000000 -5.38%, rgba(44, 63, 81, 0) 27.55%, #395E81 66.26%, #1F94A4 100%);"
+              "linear-gradient(rgb(0, 0, 0) -5.38%, rgba(44, 63, 81, 0) 27.55%, rgb(57, 94, 129) 66.26%, rgb(4 48 54) 100%);"
           },
           {
             "id": "screen_2",
@@ -17,7 +17,7 @@
             "button": "Next",
             "image": "Global-Challenges.svg",
             "mobileGradient":
-              "linear-gradient(180deg, #000000 -5.38%, rgba(44, 63, 81, 0) 27.55%, #5D3981 63.28%, #391FA4 100%)"
+              "linear-gradient(rgb(0, 0, 0) -5.38%, rgba(44, 63, 81, 0) 27.55%, rgb(93, 57, 129) 63.28%, rgb(15 4 59) 100%);"
           },
           {
             "id": "screen_3",
@@ -26,7 +26,7 @@
             "button": "Connect your Wallet",
             "image": "NFT-Awards.svg",
             "mobileGradient":
-              "linear-gradient(180deg, #000000 -5.38%, rgba(44, 63, 81, 0) 27.55%, #398149 63.28%, #81A41F 100%)"
+              "linear-gradient(rgb(0, 0, 0) -5.38%, rgba(44, 63, 81, 0) 27.55%, rgb(57, 129, 73) 63.28%, rgb(53 69 6) 100%);"
           }
         ],
         "modal": {
diff --git a/runtime/dapp-frontend-vue/src/views/OnboardingScreen/OnboardingScreen.scss b/runtime/dapp-frontend-vue/src/views/OnboardingScreen/OnboardingScreen.scss
index 858240f5..c007b48a 100644
--- a/runtime/dapp-frontend-vue/src/views/OnboardingScreen/OnboardingScreen.scss
+++ b/runtime/dapp-frontend-vue/src/views/OnboardingScreen/OnboardingScreen.scss
@@ -21,7 +21,7 @@
     height: 100vh;
     position: relative;
     background-size: cover;
-    background-position: center center;
+    background-position: center -153px;
 
     &__gradient,
     &__content {