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

black friday added showcase

pull/1846/head
Tuğçe Küçükoğlu 2021-11-19 20:11:52 +03:00
parent 56991f641e
commit df537c627a
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.vue
View File

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

BIN
src/assets/images/topbar-blackfriday-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

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

@ -4,7 +4,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-left: 250px; 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; background-color: white;
.layout-news-container { .layout-news-container {
@ -30,7 +30,7 @@
border: 2px solid #283738; border: 2px solid #283738;
color: #283738; color: #283738;
font-size: 15px; font-size: 15px;
padding: 0.3em 0.3em 0.5em 1em; padding: 0.4em 0.8em 0.4em 1em;
font-weight: 700; font-weight: 700;
border-radius: 3px; border-radius: 3px;
display: flex; display: flex;
@ -43,7 +43,7 @@
z-index: 1; z-index: 1;
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
} }
} }