Change news

primefaces · Mar 16, 2021 · 48df19b · 48df19b
1 parent 7c9b833
commit 48df19b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/public/showcase/images/news/topbar-primesale-2021.png b/public/showcase/images/news/topbar-primesale-2021.png
diff --git a/src/AppNews.js b/src/AppNews.js
@@ -18,11 +18,11 @@ export class AppNews extends Component {
                     this.props.newsActive && (
                         <div className="layout-news">
                             <div className="layout-news-container">
-                                <img className="layouts-news-mockup-image" src="showcase/images/news/topbar-ultima-device.png" alt="layout" />
-                                <span className="layout-news-details">
-                                </span>
-                                <a href="https://www.primefaces.org/ultima-react" target="_blank" rel="noopener noreferrer" tabIndex="-1" style={{textDecoration: 'none'}} className="layout-news-button">
-                                    LEARN MORE<i className="pi pi-angle-right"></i>
+                                <a href="https://www.primefaces.org/store" target="_blank" rel="noopener noreferrer" tabIndex="-1" style={{textDecoration: 'none'}}>
+                                    <img className="layouts-news-mockup-image" src="showcase/images/news/topbar-primesale-2021.png" alt="News" />
+                                </a>
+                                <a href="https://www.primefaces.org/store" target="_blank" rel="noopener noreferrer" tabIndex="-1" style={{textDecoration: 'none'}} className="layout-news-button">
+                                    LEARN MORE
                                 </a>
                                 <button type="button" className="p-link layout-news-close" onClick={this.props.onHideNews}>
                                     <i className="pi pi-times"></i>

diff --git a/src/assets/style/app/_news.scss b/src/assets/style/app/_news.scss
@@ -9,7 +9,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    background-image: linear-gradient(to left, #1565c0, #0D47A1);
+    background-image: linear-gradient(to left, #e2821a, #e49e18);
     cursor: pointer;
 
     .layout-news-container {
@@ -43,22 +43,22 @@
         }
 
         img.layouts-news-mockup-image {
-            height: 70px;
+            max-width: 350px;
         }
 
         .layout-news-button {
-            border: 1px solid #ffffff;
-            color: #ffffff;
+            border: 2px solid #212121;
+            color: #212121;
             font-size: 15px;
-            padding: .3em .3em .5em 1em;
+            padding: 0.5em 1em;
             font-weight: bold;
             border-radius: 3px;
             display: flex;
             justify-content: center;
             align-items: center;
             flex-shrink: 0;
             transition: background-color 0.15s;
-            margin-left: 2em;
+            margin-left: 1rem;
             position: relative;
             z-index: 1;