diff --git a/src/App.vue b/src/App.vue index 604e71d5e..9a8b7dafb 100755 --- a/src/App.vue +++ b/src/App.vue @@ -2,10 +2,10 @@
- - + + - + LEARN MORE diff --git a/src/assets/images/topbar-blackfriday-bg.png b/src/assets/images/topbar-blackfriday-bg.png new file mode 100644 index 000000000..018c62462 Binary files /dev/null and b/src/assets/images/topbar-blackfriday-bg.png differ diff --git a/src/assets/images/topbar-blackfriday.png b/src/assets/images/topbar-blackfriday.png new file mode 100644 index 000000000..2d34558e9 Binary files /dev/null and b/src/assets/images/topbar-blackfriday.png differ diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss index 4eb4e1ad1..e254e2441 100644 --- a/src/assets/styles/app/_news.scss +++ b/src/assets/styles/app/_news.scss @@ -4,7 +4,7 @@ justify-content: center; align-items: center; margin-left: 250px; - background-image: linear-gradient(197.37deg, rgba(0, 120, 227, 0.07) -0.38%, rgba(165, 72, 181, 0) 101.89%), linear-gradient(115.93deg, rgba(62, 136, 246, 0.15) 4.86%, rgba(62, 180, 246, 0.0495) 38.05%, rgba(62, 235, 246, 0) 74.14%), radial-gradient(56.47% 76.87% at 6.92% 7.55%, rgba(62, 136, 246, 0.05) 0%, rgba(62, 158, 246, 0.013) 52.16%, rgba(62, 246, 246, 0) 100%), linear-gradient(306.53deg, rgba(163, 171, 217, 0.1) 19.83%, rgba(163, 171, 217, 0) 97.33%); + background-image: url('./assets/images/topbar-blackfriday-bg.png'); background-color: white; .layout-news-container { @@ -30,7 +30,7 @@ border: 2px solid #283738; color: #283738; font-size: 15px; - padding: 0.3em 0.3em 0.5em 1em; + padding: 0.4em 0.8em 0.4em 1em; font-weight: 700; border-radius: 3px; display: flex; @@ -43,7 +43,7 @@ z-index: 1; &:hover { - background-color: rgba(0, 0, 0, 0.25); + background-color: rgba(255, 255, 255, 0.25); } } }