news updated for ultima new design

pull/1021/head
Merve Özçifçi 2021-02-24 10:49:23 +03:00
parent 28cadbdaec
commit dc830ce2ed
4 changed files with 37295 additions and 4 deletions

37291
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

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">
<img class="layouts-news-mockup-image" src="./assets/images/topbar-diamond-mockup.png"> <img class="layouts-news-mockup-image" src="./assets/images/topbar-ultima-device.png">
<span class="layout-news-details"> <span class="layout-news-details">
</span> </span>
<a href="https://www.primefaces.org/layouts/diamond-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button"> <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> LEARN MORE<i class="pi pi-angle-right"></i>
</a> </a>
<a tabindex="0" class="layout-news-close" @click="hideNews"> <a tabindex="0" class="layout-news-close" @click="hideNews">
@ -118,7 +118,7 @@ export default {
if (event.theme.startsWith('md')) { if (event.theme.startsWith('md')) {
this.$primevue.config.ripple = true; this.$primevue.config.ripple = true;
} }
localStorage.setItem('theme', this.theme); localStorage.setItem('theme', this.theme);
}, },
addClass(element, className) { addClass(element, className) {

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@ -8,7 +8,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-image: url("assets/images/topbar-diamond-bg.png"); background-image: linear-gradient(to left, #1565c0, #0D47A1);
.layout-news-container { .layout-news-container {
width: 100%; width: 100%;