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

Overview images added

pull/5677/head
tugcekucukoglu 2024-04-24 18:11:44 +03:00
parent 96a04df81d
commit 684bfb6ea1
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/introduction/index.vue
View File

@ -6,6 +6,10 @@
<div class="doc"> <div class="doc">
<div class="doc-main"> <div class="doc-main">
<div class="doc-intro"> <div class="doc-intro">
<div style="border-radius: 20px; max-height: 420px" class="overflow-hidden mb-5 flex align-items-center">
<img alt="PrimeVue Designer" :src="introDesktopImg" class="w-full hidden md:block" />
<img alt="PrimeVue Designer" :src="introMobileImg" class="w-full md:hidden" />
</div>
<h1>Introduction</h1> <h1>Introduction</h1>
<p>Next-generation UI Component suite for Vue.</p> <p>Next-generation UI Component suite for Vue.</p>
</div> </div>
@ -59,6 +63,14 @@ export default {
} }
] ]
}; };
},
computed: {
introDesktopImg() {
return `https://primefaces.org/cdn/primevue/images/overview${this.$appState.darkTheme ? '-dark' : ''}.png`;
},
introMobileImg() {
return `https://primefaces.org/cdn/primevue/images/overview${this.$appState.darkTheme ? '-dark' : ''}-mobile.png`;
}
} }
}; };
</script> </script>