Update brandPanel part
This commit is contained in:
@@ -71,6 +71,36 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else-if="id == 'home'" class="brandpanel lg:grid lg:grid-cols-2">
|
||||
<div
|
||||
class="py-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
|
||||
>
|
||||
<div class="lg:self-center">
|
||||
<h2
|
||||
class="text-3xl py-10 leading-9 font-extrabold text-black sm:leading-10"
|
||||
>
|
||||
<span class="block">{{ brand.title }}</span>
|
||||
<span class="block" v-if="brand.subtitle">{{
|
||||
brand.subtitle
|
||||
}}</span>
|
||||
</h2>
|
||||
<div class="mt-4 mx-4 text-black" v-html="brand.content"></div>
|
||||
<!-- <a
|
||||
:href="brand.sourceUrl"
|
||||
class="bg-teal-300 text-sm learn-button hover:bg-57EEF8-400 text-gray-900 px-12 py-2 mr-3 shadow rounded-full"
|
||||
>{{ brand.btnTxt }}</a
|
||||
> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative pb-3/5 -mt-6 md:pb-1/2">
|
||||
<g-image
|
||||
class="absolute brandpanel inset-0 w-full h-full transform translate-x-0 translate-y-6 rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
|
||||
:src="image"
|
||||
:alt="brand.title"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-else
|
||||
class="brandpanel bg-gray-900 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"
|
||||
|
||||
Reference in New Issue
Block a user