vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

News updated

pull/1055/head
Yiğit FINDIKLI 2021-03-15 17:21:25 +03:00
parent 1611b8211f
commit da1cb32e63
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.vue
View File

@ -2,9 +2,11 @@
<div class="layout-wrapper" :class="containerClass">
<div class="layout-news" v-if="newsActive">
<div class="layout-news-container">
<img class="layouts-news-mockup-image" src="./assets/images/topbar-ultima-device.png">
<a href="https://www.primefaces.org/layouts/ultima-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
LEARN MORE<i class="pi pi-angle-right"></i>
<a href="https://www.primefaces.org/store" target="_blank">
<img class="layouts-news-mockup-image" src="./assets/images/topbar-primesale-2021.png">
</a>
<a href="https://www.primefaces.org/store" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
LEARN MORE
</a>
<a tabindex="0" class="layout-news-close" @click="hideNews">
<i class="pi pi-times"></i>

BIN
src/assets/images/topbar-primesale-2021.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

14
src/assets/styles/app/_news.scss
View File

@ -4,7 +4,7 @@
justify-content: center;
align-items: center;
margin-left: 250px;
background-image: linear-gradient(to left, #1565c0, #0D47A1);
background-image: linear-gradient(to left, #e2821a, #e49e18);
.layout-news-container {
width: 100%;
@ -17,22 +17,22 @@
font-size: 20px;
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;
font-weight: bold;
padding: 0.5em 1em;
font-weight: bolder;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
transition: background-color 0.15s;
margin-left: -1rem;
margin-left: 1rem;
position: relative;
z-index: 1;