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

atlantis added showcase

pull/1595/head
Tuğçe Küçükoğlu 2021-09-21 10:05:08 +03:00
parent 7d6ca3ff05
commit 040b1f846f
10 changed files with 25 additions and 13 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/layouts/atlantis-vue" 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-atlantis-device.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/layouts/atlantis-vue" 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>

7
src/AppConfigurator.vue
View File

@ -254,9 +254,14 @@
<img alt="Ultima" src="./assets/images/layouts/sakai-vue.jpg"> <img alt="Ultima" src="./assets/images/layouts/sakai-vue.jpg">
</a> </a>
</div> </div>
<div class="p-col-12 p-md-6">
<a href="https://www.primefaces.org/layouts/atlantis-vue">
<img alt="Atlantis" src="./assets/images/layouts/atlantis-vue.jpg">
</a>
</div>
<div class="p-col-12 p-md-6"> <div class="p-col-12 p-md-6">
<a href="https://www.primefaces.org/layouts/freya-vue"> <a href="https://www.primefaces.org/layouts/freya-vue">
<img alt="Ultima" src="./assets/images/layouts/freya-vue.png"> <img alt="Freya" src="./assets/images/layouts/freya-vue.png">
</a> </a>
</div> </div>
<div class="p-col-12 p-md-6"> <div class="p-col-12 p-md-6">

1
src/AppTopBar.vue
View File

@ -90,6 +90,7 @@
<li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li> <li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
<li><a href="https://www.primefaces.org/sakai-vue"><img src="./assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></a></li> <li><a href="https://www.primefaces.org/sakai-vue"><img src="./assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></a></li>
<li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li> <li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li>
<li><a href="https://www.primefaces.org/layouts/atlantis-vue"><img src="./assets/images/layouts/themeswitcher-atlantis.svg" alt="Atlantis" /><span>Atlantis</span></a></li>
<li><a href="https://www.primefaces.org/layouts/freya-vue"><img src="./assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></a></li> <li><a href="https://www.primefaces.org/layouts/freya-vue"><img src="./assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></a></li>
<li><a href="https://www.primefaces.org/layouts/diamond-vue"><img src="./assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a></li> <li><a href="https://www.primefaces.org/layouts/diamond-vue"><img src="./assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a></li>
<li><a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li> <li><a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li>

3
src/assets/images/layouts/atlantis-ng.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.9647 5.64508C8.88982 14.1611 21.3667 14.155 22.2888 5.64508C19.0937 5.3509 16.3919 3.32837 15.1267 0.524414C13.8616 3.32837 11.1597 5.3509 7.9647 5.64508ZM14.3241 13.6126C14.0453 16.6954 11.5916 19.386 8.54972 19.9499C4.43875 20.8049 0.364535 17.7312 0 13.6126C3.19504 13.3184 5.89689 11.2959 7.16204 8.49195C8.418 11.3174 11.2393 13.3521 14.3241 13.6126ZM22.2888 21.5801C21.9212 25.2084 18.8487 28.0522 15.1267 28.0522C11.4048 28.0522 8.3323 25.2084 7.9647 21.5801C11.0495 21.3197 13.8708 19.2849 15.1267 16.4595C16.3827 19.2849 19.204 21.3197 22.2888 21.5801ZM30.2533 13.6126C29.8857 17.4677 26.3598 20.4371 22.4357 20.0541C19.0905 19.7997 16.2233 16.9559 15.9292 13.6126C19.014 13.3521 21.8353 11.3174 23.0912 8.49195C24.3564 11.2959 27.0582 13.3184 30.2533 13.6126Z" fill="#44486D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 943 B

BIN
src/assets/images/layouts/atlantis-vue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

3
src/assets/images/layouts/themeswitcher-atlantis.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.9647 5.64508C8.88982 14.1611 21.3667 14.155 22.2888 5.64508C19.0937 5.3509 16.3919 3.32837 15.1267 0.524414C13.8616 3.32837 11.1597 5.3509 7.9647 5.64508ZM14.3241 13.6126C14.0453 16.6954 11.5916 19.386 8.54972 19.9499C4.43875 20.8049 0.364535 17.7312 0 13.6126C3.19504 13.3184 5.89689 11.2959 7.16204 8.49195C8.418 11.3174 11.2393 13.3521 14.3241 13.6126ZM22.2888 21.5801C21.9212 25.2084 18.8487 28.0522 15.1267 28.0522C11.4048 28.0522 8.3323 25.2084 7.9647 21.5801C11.0495 21.3197 13.8708 19.2849 15.1267 16.4595C16.3827 19.2849 19.204 21.3197 22.2888 21.5801ZM30.2533 13.6126C29.8857 17.4677 26.3598 20.4371 22.4357 20.0541C19.0905 19.7997 16.2233 16.9559 15.9292 13.6126C19.014 13.3521 21.8353 11.3174 23.0912 8.49195C24.3564 11.2959 27.0582 13.3184 30.2533 13.6126Z" fill="#44486D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 943 B

BIN
src/assets/images/topbar-atlantis-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

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

@ -4,8 +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-atlantis-bg.jpg');
background-color: white;
.layout-news-container { .layout-news-container {
width: 100%; width: 100%;
@ -27,8 +26,8 @@
} }
.layout-news-button { .layout-news-button {
border: 2px solid #283738; border: 1px solid #ffffff;
color: #283738; color: #ffffff;
font-size: 15px; font-size: 15px;
padding: 0.3em 0.3em 0.5em 1em; padding: 0.3em 0.3em 0.5em 1em;
font-weight: 700; font-weight: 700;
@ -41,10 +40,6 @@
margin-left: 1rem; margin-left: 1rem;
position: relative; position: relative;
z-index: 1; z-index: 1;
&:hover {
background-color: rgba(0, 0, 0, 0.25);
}
} }
} }

7
src/views/Home.vue
View File

@ -135,9 +135,14 @@
<img alt="Sakai" src="../assets/images/layouts/sakai-vue.jpg"> <img alt="Sakai" src="../assets/images/layouts/sakai-vue.jpg">
</a> </a>
</div> </div>
<div class="p-col-12 p-md-3">
<a href="https://www.primefaces.org/layouts/atlantis-vue">
<img alt="Atlantis" src="../assets/images/layouts/atlantis-vue.jpg">
</a>
</div>
<div class="p-col-12 p-md-3"> <div class="p-col-12 p-md-3">
<a href="https://www.primefaces.org/layouts/freya-vue"> <a href="https://www.primefaces.org/layouts/freya-vue">
<img alt="Ultima" src="../assets/images/layouts/freya-vue.png"> <img alt="Freya" src="../assets/images/layouts/freya-vue.png">
</a> </a>
</div> </div>
<div class="p-col-12 p-md-3"> <div class="p-col-12 p-md-3">