vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor by Taner

Browse source
This commit is contained in:
Cagatay Civici 2024-06-27 13:32:45 +03:00
parent 4d5f6cb548
commit a3a5cda5dd
23 changed files with 2165 additions and 1960 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/showcase/components/template/TemplateHero.vue
View file

@ -1,13 +1,13 @@
<template>
<div class="w-full h-[56rem] md:h-[32rem] xl:h-[36.25rem] bg-primary rounded-3xl overflow-hidden relative">
<slot name="pattern" />
<img :class="templateHeroData.pattern.className" :src="templateHeroData.pattern.src" alt="Template Hero Pattern" />
<div class="absolute left-1/2 top-20 -translate-x-1/2 md:translate-x-0 md:top-1/2 md:-translate-y-1/2 md:left-10 lg:left-20 xl:left-36 z-20 w-[92%] max-w-lg md:w-[26rem] lg:w-[28rem] xl:w-[29rem] rounded-3xl p-7 lg:px-9 lg:py-7">
<div
class="absolute top-0 left-0 w-full h-full backdrop-blur-[2px] rounded-3xl border border-[rgba(255,255,255,0.24)] [background:linear-gradient(180deg,rgba(170,140,255,0.00)_0%,var(--p-primary-400)/0.8_100%),rgba(255,255,255,0.10)] shadow-[0px_2px_4px_0px_rgba(255,255,255,0.24)_inset,0px_48px_80px_0px_rgba(0,0,0,0.08),0px_-5px_13px_-2px_rgba(255,255,255,0.55)_inset]"
/>
<div class="z-10 relative">
<div class="h-8 lg:h-10 [&>svg]:h-full [&>svg]:w-auto select-none">
<slot name="logo" />
<component :is="templateHeroData.logo"> </component>
</div>
<p class="text-primary-contrast mt-4 mb-0 lg:text-base text-sm">{{ templateHeroData.description }}</p>
<div class="flex items-center gap-4 mt-8">
@ -51,6 +51,7 @@
<script>
export default {
name: 'TemplateHero',
props: {
templateHeroData: {
type: null,