fix responsive

This commit is contained in:
2021-10-03 13:26:06 +02:00
parent e69450096b
commit 75f9326638
9 changed files with 49 additions and 49 deletions

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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>

View File

@@ -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