ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix space

Browse Source
This commit is contained in:
Ehab Hassan
2021-10-18 13:45:46 +02:00
parent d632c5332d
commit f26643d6ee
5 changed files with 29 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/custom/MarketInfo.vue
View File

@@ -4,16 +4,17 @@
<h2
class="
text-md
lg:text-6xl
lg:text-5xl
font-bold
leading-tight
lg:max-w-5xl
max-w-2xl
inline
"
>
{{ main.title }}
</h2>
<div
class="my-5 max-w-xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
class="my-5 max-w-3xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
v-html="main.content"
></div>
</div>

4
src/components/custom/sections/Features.vue
View File

@@ -327,7 +327,7 @@
>
{{ main.title }}
</h2>
<div class="flex flex-wrap items-center -mx-4 lg:mb-20">
<div class="flex flex-wrap items-center lg:-mx-4 lg:mb-20">
<div
v-for="(feature, index) in features"
:key="index"
@@ -359,7 +359,7 @@
>
{{ main.subtitle }}
</p>
<div class="flex flex-wrap -mx-4 mb-6">
<div class="flex flex-wrap lg:-mx-4 mb-6">
<div
v-for="feature in features"
:key="feature.id"

23
src/components/marketing/sections/cta-sections/BrandPanel.vue
View File

@@ -402,12 +402,12 @@
<!-- About us -->
<div
v-else-if="id == 'mission' && !brandPanel2 && !brandPanel3"
class="flex flex-wrap text-left lg:my-10 lg:px-16"
class="flex flex-wrap text-left lg:my-10 lg:px-20"
>
<div class="lg:w-1/2 px-2 self-center">
<g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
</div>
<div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none text-left px-4">
<div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none lg:text-left text-center px-4">
<div class="lg:self-center">
<h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
<span class="block">{{ brand.title }}</span>
@@ -443,7 +443,7 @@
<div
v-else-if="id == 'mission' && brandPanel2"
class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:mb-20 lg:px-16"
class="flex flex-wrap lg:text-left text-center lg:pt-16 px-4 lg:mb-20 lg:px-20"
>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="lg:self-center">
@@ -487,7 +487,7 @@
<div
v-else-if="id == 'mission' && brandPanel3"
class="flex flex-wrap lg:text-left lg:p-20 px-4"
class="flex flex-wrap lg:text-left text-center lg:p-20 px-4"
>
<div class="lg:w-1/2 px-2 self-center">
<g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
@@ -533,7 +533,7 @@
<div
v-else-if="id == 'grid' && !brandPanel2 && !brandPanel3"
class="flex flex-wrap text-left lg:px-16"
class="flex flex-wrap text-left lg:px-24"
>
<div
class="
@@ -612,7 +612,7 @@
<div
v-else-if="id == 'grid' && brandPanel2"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
>
<div class="lg:w-1/2 self-center">
<g-image class="w-3/4" :src="image" :alt="brand.title" />
@@ -675,7 +675,7 @@
<div
v-else-if="id == 'grid' && brandPanel3"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
>
<div
class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
@@ -739,7 +739,7 @@
<div
v-else-if="id == 'grid' && brandPanel4"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
>
<div
class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
@@ -810,8 +810,9 @@
lg:mt-5
order-1
lg:order-none
text-left
lg:text-left
lg:self-center
text-center
"
>
<div class="px-2">
@@ -834,7 +835,7 @@
<div
v-else-if="id == 'tft' && brandPanel2"
class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:px-16"
class="flex flex-wrap lg:text-left text-center lg:pt-16 px-4 lg:px-16"
>
<div class="lg:w-1/2 self-center">
<g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" />
@@ -876,7 +877,7 @@
<div
v-else-if="id == 'tft' && brandPanel3"
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 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"

4
src/components/marketing/sections/cta-sections/Header.vue
View File

@@ -253,11 +253,11 @@
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
v-if="id == 'tft'"
>
<div class="px-2 lg:mt-10 order-1 lg:order-none mx-auto text-center">
<div class="px-2 mt-10 order-1 lg:order-none mx-auto text-center">
<div class="w-1/2 mx-auto px-2 self-center">
<g-image :src="img" :alt="altImg" />
</div>
<h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
<h2 class="text-8xl uppercase mb-6 lg:mt-20 leading-none font-heading">
{{ title }}
</h2>
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>