fix responsive
This commit is contained in:
@@ -3,6 +3,6 @@ id: partnersMain
|
|||||||
title: Our Partners
|
title: Our Partners
|
||||||
button: Check All Partners
|
button: Check All Partners
|
||||||
link : /partners
|
link : /partners
|
||||||
image: ./ourpartners.jpg
|
image: ./ourpartners.png
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
@@ -3,6 +3,6 @@ id: partnersMain
|
|||||||
title: Believers in TFT
|
title: Believers in TFT
|
||||||
button: Check All Partners
|
button: Check All Partners
|
||||||
link : /partners
|
link : /partners
|
||||||
image: ./our_partners.jpg
|
image: ./our_partners.png
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="body-font">
|
<section class="body-font">
|
||||||
<div class="mx-auto flex py-20 md:flex-row flex-col items-center lg:px-10">
|
<div class="mx-auto flex py-10 lg:py-20 md:flex-row flex-col items-center lg:px-10">
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
lg:pl-24
|
lg:pl-24
|
||||||
|
|||||||
@@ -251,7 +251,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -272,7 +272,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -294,7 +294,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -315,7 +315,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -337,7 +337,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -358,7 +358,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -380,7 +380,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -401,7 +401,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -424,7 +424,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -445,7 +445,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -468,7 +468,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -489,7 +489,7 @@
|
|||||||
class="
|
class="
|
||||||
block
|
block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -510,7 +510,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full max-w-7xl mx-auto mt-10 px-2 py-16"
|
class="w-full max-w-7xl mx-auto mt-10 px-2 lg:py-16"
|
||||||
v-else-if="id == 'home' && lastCta"
|
v-else-if="id == 'home' && lastCta"
|
||||||
>
|
>
|
||||||
<g-image class="mx-auto" :src="cta.image" />
|
<g-image class="mx-auto" :src="cta.image" />
|
||||||
@@ -537,13 +537,13 @@
|
|||||||
inline-block
|
inline-block
|
||||||
cursor-pointer
|
cursor-pointer
|
||||||
bg-blue-900
|
bg-blue-900
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-blue-800
|
hover:bg-blue-800
|
||||||
text-gray-100
|
text-gray-100
|
||||||
px-12
|
px-12
|
||||||
py-2
|
py-2
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
shadow
|
shadow
|
||||||
rounded-full
|
rounded-full
|
||||||
@@ -556,13 +556,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -577,13 +577,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -599,13 +599,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -620,13 +620,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -642,13 +642,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -663,13 +663,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -685,13 +685,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -706,13 +706,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
my-2
|
my-2
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
|
|||||||
@@ -166,7 +166,7 @@
|
|||||||
<!-- home -->
|
<!-- home -->
|
||||||
<div
|
<div
|
||||||
v-else-if="id == 'home'"
|
v-else-if="id == 'home'"
|
||||||
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
|
class="flex flex-wrap lg:text-left text-center lg:pt-16 lg:px-16"
|
||||||
>
|
>
|
||||||
<div class="lg:w-1/2 lg:px-6 self-center">
|
<div class="lg:w-1/2 lg:px-6 self-center">
|
||||||
<g-image class="w-1/2 mx-auto" :src="image" :alt="brand.title" />
|
<g-image class="w-1/2 mx-auto" :src="image" :alt="brand.title" />
|
||||||
@@ -190,7 +190,7 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
@@ -212,13 +212,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
mb-4
|
mb-4
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -233,13 +233,13 @@
|
|||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
bo
|
bo
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
lg:mr-5
|
||||||
mb-4
|
mb-4
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
@@ -277,7 +277,7 @@
|
|||||||
:href="brand.sourceUrl"
|
:href="brand.sourceUrl"
|
||||||
class="
|
class="
|
||||||
bg-blue-900
|
bg-blue-900
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-blue-800
|
hover:bg-blue-800
|
||||||
text-white
|
text-white
|
||||||
@@ -600,7 +600,7 @@
|
|||||||
capitalize
|
capitalize
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
px-12
|
px-12
|
||||||
@@ -620,7 +620,7 @@
|
|||||||
capitalize
|
capitalize
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
px-12
|
px-12
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
<div class="..."></div>
|
<div class="..."></div>
|
||||||
|
|
||||||
<!-- capacity -->
|
<!-- capacity -->
|
||||||
<div class="leading-none font-extrabold text-6xl">
|
<div class="leading-none font-extrabold text-5xl">
|
||||||
{{ stats[0] }}PB
|
{{ stats[0] }}PB
|
||||||
<span class="block text-3xl uppercase">capacity</span>
|
<span class="block text-3xl uppercase">capacity</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -50,6 +50,7 @@
|
|||||||
items-center
|
items-center
|
||||||
justify-center
|
justify-center
|
||||||
bg-green
|
bg-green
|
||||||
|
my-4
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<div class="leading-none font-extrabold md:text-6xl">
|
<div class="leading-none font-extrabold md:text-6xl">
|
||||||
@@ -83,7 +84,7 @@
|
|||||||
<div class="..."></div>
|
<div class="..."></div>
|
||||||
|
|
||||||
<!-- cores -->
|
<!-- cores -->
|
||||||
<div class="leading-none font-extrabold text-6xl">
|
<div class="leading-none font-extrabold text-5xl">
|
||||||
{{ stats[2] }}
|
{{ stats[2] }}
|
||||||
<span class="block text-2xl uppercase">cores</span>
|
<span class="block text-2xl uppercase">cores</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<p class="text-gray-400 leading-relaxed"></p>
|
<p class="text-gray-400 leading-relaxed"></p>
|
||||||
|
|
||||||
<g-image :src="img(main.image)" class="w-3/4 mx-auto" />
|
<g-image :src="img(main.image)" class="lg:w-2/3 mx-auto" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-if="id == 'support' || id == 'community'"
|
v-if="id == 'support' || id == 'community'"
|
||||||
@@ -52,18 +52,17 @@
|
|||||||
:src="img(logo.image)"
|
:src="img(logo.image)"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="main.button" class="my-10">
|
<div v-if="main.button" class="my-4">
|
||||||
<a
|
<a
|
||||||
class="
|
class="
|
||||||
inline-block
|
inline-block
|
||||||
bg-white
|
bg-white
|
||||||
text-lg
|
lg:text-lg
|
||||||
learn-button
|
learn-button
|
||||||
hover:bg-gray-400
|
hover:bg-gray-400
|
||||||
px-12
|
px-12
|
||||||
py-1
|
py-1
|
||||||
mr-5
|
mr-5
|
||||||
my-10
|
|
||||||
border-2
|
border-2
|
||||||
shadow
|
shadow
|
||||||
border-black
|
border-black
|
||||||
|
|||||||
Reference in New Issue
Block a user