fix brandpanel component
This commit is contained in:
@@ -4,7 +4,7 @@ title: Dive Deeper into TFT
|
|||||||
subtitle:
|
subtitle:
|
||||||
sourceUrl: https://threefold.io/farming/token
|
sourceUrl: https://threefold.io/farming/token
|
||||||
btnTxt: Learn More
|
btnTxt: Learn More
|
||||||
img: ./dive-into.png
|
image: dive-into.png
|
||||||
---
|
---
|
||||||
|
|
||||||
TFT represents a unit of compute and storage capacity (CPU, RAM, SDD/HDD) on the ThreeFold Grid. From our favourite application to our chats and videos, everything we use digitally needs compute and storage to be live.
|
TFT represents a unit of compute and storage capacity (CPU, RAM, SDD/HDD) on the ThreeFold Grid. From our favourite application to our chats and videos, everything we use digitally needs compute and storage to be live.
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 94 KiB |
@@ -8,7 +8,7 @@
|
|||||||
<div class="relative pb-3/5 -mt-6 md:pb-1/2">
|
<div class="relative pb-3/5 -mt-6 md:pb-1/2">
|
||||||
<g-image
|
<g-image
|
||||||
class="absolute brandpanel inset-0 w-full h-full translate-x-0 translate-y-center rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
|
class="absolute brandpanel inset-0 w-full h-full translate-x-0 translate-y-center rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
|
||||||
:src="brand.img.src"
|
:src="image"
|
||||||
:alt="brand.title"
|
:alt="brand.title"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -16,16 +16,15 @@
|
|||||||
class="pt-10 pb-10 px-6 sm:pt-16 sm:px-10 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
|
class="pt-10 pb-10 px-6 sm:pt-16 sm:px-10 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
|
||||||
>
|
>
|
||||||
<div class="lg:self-center">
|
<div class="lg:self-center">
|
||||||
<h2 class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading">
|
<h2
|
||||||
|
class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
|
||||||
|
>
|
||||||
<span class="block">{{ brand.title }}</span>
|
<span class="block">{{ brand.title }}</span>
|
||||||
<span class="block" v-if="brand.subtitle">{{
|
<span class="block" v-if="brand.subtitle">{{
|
||||||
brand.subtitle
|
brand.subtitle
|
||||||
}}</span>
|
}}</span>
|
||||||
</h2>
|
</h2>
|
||||||
<div
|
<div class="py-6 mt-4 text-gray-600" v-html="brand.content"></div>
|
||||||
class="py-6 mt-4 text-gray-600"
|
|
||||||
v-html="brand.content"
|
|
||||||
></div>
|
|
||||||
<a
|
<a
|
||||||
v-if="brand.btnTxt"
|
v-if="brand.btnTxt"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@@ -53,10 +52,7 @@
|
|||||||
brand.subtitle
|
brand.subtitle
|
||||||
}}</span>
|
}}</span>
|
||||||
</h2>
|
</h2>
|
||||||
<div
|
<div class="py-6 mt-4 mx-4 text-white" v-html="brand.content"></div>
|
||||||
class="py-6 mt-4 mx-4 text-white"
|
|
||||||
v-html="brand.content"
|
|
||||||
></div>
|
|
||||||
<!-- <a
|
<!-- <a
|
||||||
:href="brand.sourceUrl"
|
:href="brand.sourceUrl"
|
||||||
class="bg-teal-300 text-sm learn-button hover:bg-57EEF8-400 text-gray-900 px-12 py-2 mr-3 rounded shadow rounded-full"
|
class="bg-teal-300 text-sm learn-button hover:bg-57EEF8-400 text-gray-900 px-12 py-2 mr-3 rounded shadow rounded-full"
|
||||||
|
|||||||
@@ -182,7 +182,7 @@
|
|||||||
content
|
content
|
||||||
sourceUrl
|
sourceUrl
|
||||||
btnTxt
|
btnTxt
|
||||||
img
|
image
|
||||||
}
|
}
|
||||||
partenershipsMain{
|
partenershipsMain{
|
||||||
id
|
id
|
||||||
|
|||||||
Reference in New Issue
Block a user