refactor: update styles

impress-org · Mar 11, 2025 · 73aca0d · 73aca0d
1 parent 18f3b2b
commit 73aca0d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/assets/src/images/admin/promotions/campaigns/welcome-banner-background.svg b/assets/src/images/admin/promotions/campaigns/welcome-banner-background.svg
diff --git a/src/Promotions/Campaigns/CampaignsWelcomeBanner.php b/src/Promotions/Campaigns/CampaignsWelcomeBanner.php
@@ -43,7 +43,7 @@ public function renderCallback(AdminNotice $notice, NoticeElementProperties $ele
         $campaignsPageUrl = admin_url('admin.php?page=give-campaigns');
 
         return "
-            <div class='givewp-campaign-welcome-banner-background' style='background-image: url(\"$backgroundUrl\");'>
+            <div class='givewp-campaign-welcome-banner-background' style='background-image: url(\"$backgroundUrl\") no-repeat right;'>
                <div class='givewp-campaign-welcome-banner'>
                 <div class='givewp-campaign-welcome-banner__actions'>
                     <div class='givewp-campaign-welcome-banner__actions__badge'><img src='$badgeIconUrl' alt='badge'/> NEW</div>

diff --git a/src/Promotions/Campaigns/resources/css/styles.scss b/src/Promotions/Campaigns/resources/css/styles.scss
@@ -1,12 +1,21 @@
 .givewp-campaign-welcome-banner-background {
     position: relative;
     box-sizing: border-box;
-    background: no-repeat bottom right;
     background-size: cover;
-    height: 354px;
     padding: 28px 56px;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     border-radius: 8px;
+    overflow: hidden;
+
+    &::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-image: linear-gradient(to right, #116239, #278455 32%, var(--givewp-emerald-600));
+        z-index: -1;
+    }
 }
 
 .givewp-campaign-welcome-banner {