From 28d983a5cf80910c88f896c1c1c6c9d1d747de00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= <yigitfindikli@gmail.com>
Date: Mon, 20 Dec 2021 20:21:37 +0300
Subject: [PATCH] News updated

---
 src/App.vue                            |  2 +-
 src/assets/styles/app/_news.scss       |  2 +-
 src/assets/styles/app/_responsive.scss | 22 ++++++++++++----------
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4fb7519f2..702a7effd 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
     <div class="layout-wrapper" :class="containerClass">
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container" @click="redirect">
-                <img class="layout-news-mockup-image p-ml-2" src="./assets/images/topbar-newyear-logo.svg">
+                <img class="layout-news-logo p-ml-2" src="./assets/images/topbar-newyear-logo.svg">
                 <h3 class="layout-news-header p-px-2">DISCOUNT UP TO 50% ON EVERYTHING AT PRIMESTORE</h3>
                 <a href="https://www.primefaces.org/primeblocks-vue" target="_blank" tabindex="-1" class="layout-news-button">
                     Read More
diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss
index ec2c4914c..42cb83c8f 100644
--- a/src/assets/styles/app/_news.scss
+++ b/src/assets/styles/app/_news.scss
@@ -25,7 +25,7 @@
             font-weight: 900;
         }
 
-        img.layout-news-mockup-image {
+        img.layout-news-logo {
             position: absolute;
             left: 250px;
         }
diff --git a/src/assets/styles/app/_responsive.scss b/src/assets/styles/app/_responsive.scss
index fdee5aa91..32c99a82e 100644
--- a/src/assets/styles/app/_responsive.scss
+++ b/src/assets/styles/app/_responsive.scss
@@ -1,17 +1,19 @@
+@media screen and (max-width: 1280px) {
+    .layout-wrapper {
+        .layout-news {
+            margin-left: 250px;
+            .layout-news-button,
+            .layout-news-logo {
+                display: none;
+            }
+        }
+    }
+}
 
 @media screen and (max-width: 960px) {
     .layout-wrapper {
         .layout-news {
             margin-left: 0;
-
-            .layout-news-button,
-            .layout-news-mockup-image {
-                display: none;
-            }
-
-            .layout-news-header {
-                font-size: 1rem;
-            }
         }
     }
 
@@ -28,7 +30,7 @@
 
         .logo {
             display: block;
-            
+
             img{
                 width: 150px;
             }