Merge pull request #16429 from brave/ksmith-promo-shadows

Add box shadow to Rewards page promo cards
brave · Dec 20, 2022 · 1a93317 · 1a93317
2 parents 14617ca + d32847d
commit 1a93317
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/brave_rewards/resources/page/components/sidebar_promotion_panel.style.ts b/components/brave_rewards/resources/page/components/sidebar_promotion_panel.style.ts
@@ -29,6 +29,9 @@ export const rewardsTourPromo = styled.div``
 export const promotion = styled.div`
   color: #000;
   background: #fff;
+  box-shadow:
+    0px 0px 1px rgba(0, 0, 0, 0.11),
+    0px 0.5px 1.5px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   min-height: 157px;
   cursor: pointer;

diff --git a/components/brave_rewards/resources/shared/components/onboarding/rewards_tour_promo.style.ts b/components/brave_rewards/resources/shared/components/onboarding/rewards_tour_promo.style.ts
@@ -14,7 +14,7 @@ export const root = styled.div`
     linear-gradient(279.66deg, #694CD9 0%, #7D186C 100%);
   background-repeat: no-repeat;
   background-size: cover;
-  border-radius: 12px;
+  border-radius: 8px;
   font-family: var(--brave-font-heading);
   color: var(--brave-palette-white);
   padding: 28px 16px 18px;