From 65572495589b57af68cf7218b53e851237986c34 Mon Sep 17 00:00:00 2001 From: Gabriel Clark <> Date: Wed, 8 Sep 2021 14:56:49 -0500 Subject: [PATCH] Changed padding and background gradient. --- unit-conversion/src/features/card/card.css | 5 +++-- unit-conversion/src/index.css | 4 +++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/unit-conversion/src/features/card/card.css b/unit-conversion/src/features/card/card.css index 84648ea..1963762 100644 --- a/unit-conversion/src/features/card/card.css +++ b/unit-conversion/src/features/card/card.css @@ -5,7 +5,7 @@ margin: 7%; min-height: 20%; border-radius: 10px; - background-color: rgba(255 255 255 / 90%); + background-color: rgba(255 255 255 / 40%); box-shadow: 0 2.8px 2.2px rgba(0 0 0 / 3.4%), 0 6.7px 5.3px rgba(0 0 0 / 4.8%), @@ -13,7 +13,8 @@ 0 22.3px 17.9px rgba(0 0 0 / 7.2%), 0 41.8px 33.4px rgba(0 0 0 / 8.6%), 0 100px 80px rgba(0 0 0 / 12%); - padding-left: 40px; + padding-left: 20px; + padding-right: 20px; } .inputField { diff --git a/unit-conversion/src/index.css b/unit-conversion/src/index.css index f0108b8..14bc973 100644 --- a/unit-conversion/src/index.css +++ b/unit-conversion/src/index.css @@ -1,7 +1,9 @@ :root { /* Colors */ --letterbox-color: rgba(255 255 255 / 100%); - --app-background-color: rgba(101 142 156 / 100%); + + /* background-color: rgba(101 142 156 / 100%); */ + --app-background-color: linear-gradient(102.28deg, rgba(231 189 251 / 50%) -7.7%, rgba(250 208 218 / 50%) 38.01%, rgba(168 198 243 / 50%) 91.43%); --font-color: rgba(0 0 0 / 100%); /* Sizes */ -- GitLab