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
button: Check All 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
button: Check All 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>
<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
class="
lg:pl-24

View File

@@ -251,7 +251,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -272,7 +272,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -294,7 +294,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -315,7 +315,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -337,7 +337,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -358,7 +358,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -380,7 +380,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -401,7 +401,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -424,7 +424,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -445,7 +445,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -468,7 +468,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -489,7 +489,7 @@
class="
block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -510,7 +510,7 @@
</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"
>
<g-image class="mx-auto" :src="cta.image" />
@@ -537,13 +537,13 @@
inline-block
cursor-pointer
bg-blue-900
text-lg
lg:text-lg
learn-button
hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
lg:mr-5
my-2
shadow
rounded-full
@@ -556,13 +556,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -577,13 +577,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -599,13 +599,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -620,13 +620,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -642,13 +642,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -663,13 +663,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -685,13 +685,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow
@@ -706,13 +706,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
my-2
border-2
shadow

View File

@@ -166,7 +166,7 @@
<!-- home -->
<div
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">
<g-image class="w-1/2 mx-auto" :src="image" :alt="brand.title" />
@@ -190,7 +190,7 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
@@ -212,13 +212,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
mb-4
border-2
shadow
@@ -233,13 +233,13 @@
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
lg:mr-5
mb-4
border-2
shadow
@@ -277,7 +277,7 @@
:href="brand.sourceUrl"
class="
bg-blue-900
text-lg
lg:text-lg
learn-button
hover:bg-blue-800
text-white
@@ -600,7 +600,7 @@
capitalize
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
px-12
@@ -620,7 +620,7 @@
capitalize
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
px-12

View File

@@ -31,7 +31,7 @@
<div class="..."></div>
<!-- capacity -->
<div class="leading-none font-extrabold text-6xl">
<div class="leading-none font-extrabold text-5xl">
{{ stats[0] }}PB
<span class="block text-3xl uppercase">capacity</span>
</div>
@@ -50,6 +50,7 @@
items-center
justify-center
bg-green
my-4
"
>
<div class="leading-none font-extrabold md:text-6xl">
@@ -83,7 +84,7 @@
<div class="..."></div>
<!-- cores -->
<div class="leading-none font-extrabold text-6xl">
<div class="leading-none font-extrabold text-5xl">
{{ stats[2] }}
<span class="block text-2xl uppercase">cores</span>
</div>

View File

@@ -8,7 +8,7 @@
</h2>
<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
v-if="id == 'support' || id == 'community'"
@@ -52,18 +52,17 @@
:src="img(logo.image)"
/>
</div>
<div v-if="main.button" class="my-10">
<div v-if="main.button" class="my-4">
<a
class="
inline-block
bg-white
text-lg
lg:text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
my-10
border-2
shadow
border-black