diff --git a/website/client/src/components/header/banners/base.vue b/website/client/src/components/header/banners/base.vue index 5da70a2d01..376c0905ca 100644 --- a/website/client/src/components/header/banners/base.vue +++ b/website/client/src/components/header/banners/base.vue @@ -32,7 +32,7 @@ body.modal-open .habitica-top-banner { z-index: 1300; } -.svg-icon { +.close-icon.svg-icon { position: relative; top: 0; right: 0; diff --git a/website/client/src/components/header/banners/giftPromo.vue b/website/client/src/components/header/banners/giftPromo.vue index edc4464e61..8e998e84c4 100644 --- a/website/client/src/components/header/banners/giftPromo.vue +++ b/website/client/src/components/header/banners/giftPromo.vue @@ -3,7 +3,6 @@ banner-id="gift-promo" class="gift-promo-banner" :show="showGiftPromoBanner" - height="3rem" >
- {{ $t('g1g1Announcement') }}
@@ -39,8 +41,8 @@ .gift-promo-banner { width: 100%; - min-height: 2.5rem; - background: $teal-50; + min-height: 3rem; + background-image: linear-gradient(90deg, $teal-50 0%, $purple-400 100%); cursor: pointer; } @@ -56,12 +58,11 @@ .svg-gifts { width: 4.6rem; - opacity: 1; }