From c4c91391bed683a94245c1480b1d1ec049f13312 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 14 Jun 2021 17:14:08 +0300
Subject: [PATCH] topbar freya reverted

---
 src/App.vue                      |  3 +--
 src/assets/styles/app/_news.scss | 16 +++++-----------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b42835063..cc5ca25d2 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,11 +3,10 @@
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
                 <a href="https://www.primefaces.org/store" target="_blank">
-                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-summersale.png">
+                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-freya-mockup.png">
                 </a>
                 <a href="https://www.primefaces.org/store" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
                     LEARN MORE
-                    <i class="pi pi-angle-right"></i>
                 </a>
                 <a tabindex="0" class="layout-news-close" @click="hideNews">
                     <i class="pi pi-times"></i>
diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss
index 9d93d36f0..9fa816ff5 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(90deg,#2a206c,#221b5c);
+    background-image: url("./assets/images/topbar-freya-bg.png");
 
     .layout-news-container {
         width: 100%;
@@ -16,22 +16,16 @@
         font-weight: bold;
         font-size: 20px;
 
-        a {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-
         img.layouts-news-mockup-image {
-            height: 50px;
+            max-width: 500px;
         }
 
         .layout-news-button {
-            border: 1px solid #ffffff;
+            border: 2px solid #ffffff;
             color: #ffffff;
             font-size: 15px;
-            padding: 0.3em 0.3em 0.5em 1em;
-            font-weight: 700;
+            padding: 0.5em 1em;
+            font-weight: bolder;
             border-radius: 3px;
             display: flex;
             justify-content: center;