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

update home css

Browse Source
This commit is contained in:
Ehab Hassan
2021-09-19 15:23:08 +02:00
parent db499056ba
commit 8dc1409ae7
8 changed files with 115 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/custom/sections/CallToAction.vue
View File

@@ -1,6 +1,6 @@
<template>
<section
class="pb-10 px-4 bg-cover text-center"
class="lg:pb-20 px-4 bg-cover text-center"
:class="{
pink: id == 'home' && !lastCta,
green: id == 'about-us' && lastCta,
@@ -199,14 +199,14 @@
>
<h2
v-if="cta.title"
class="text-3xl uppercase leading-tight font-semibold font-heading"
class="text-5xl uppercase mb-0 leading-tight font-semibold font-heading"
>
{{ cta.title }}
</h2>
<h2
v-if="cta.subtitle"
class="text-3xl uppercase leading-tight font-semibold font-heading"
class="text-5xl uppercase mt-0 leading-tight font-semibold font-heading"
>
{{ cta.subtitle }}
</h2>
@@ -480,7 +480,7 @@
<g-image :src="cta.image" />
<h2
v-if="cta.title"
class="text-3xl mb-2 uppercase leading-tight font-semibold font-heading"
class="text-5xl mb-2 uppercase leading-tight font-semibold font-heading"
>
{{ cta.title }}
</h2>

3
src/components/marketing/sections/blog-sections/3_column_cards.vue
View File

@@ -7,12 +7,11 @@
<div class="text-center">
<h2
class="
text-4xl
text-5xl
leading-tight
mb-6
font-bold font-heading
uppercase
sm:text-4xl
sm:leading-10
"
>

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

@@ -42,7 +42,7 @@
</span>
<div
class="mb-8 text-center text-md mx-10 text-gray-600"
class="mb-8 text-center text-xl mx-10 text-gray-600"
v-html="excerpt"
></div>
<div v-if="button">
@@ -116,7 +116,7 @@
mb-8
px-10
text-center
lg:text-5xl
lg:text-xl
text-extrabold
leading-tight
"
@@ -262,7 +262,7 @@
><br />
{{ title }}
</h2>
<div class="mb-8 text-lg leading-relaxed" v-html="excerpt"></div>
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>
<a
v-if="link.includes('http')"

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

@@ -1,7 +1,7 @@
<template>
<div class="py-0 mb-5 mx-4">
<div class="text-center mx-auto my-4" v-if="id == 'why'">
<h1 class="text-4xl text-gray-900 font-light sm:text-9xl sm:leading-10">
<h1 class="text-5xl text-gray-900 font-light sm:text-9xl sm:leading-10">
{{ main.title }} <span class="font-extrabold">{{ main.subtitle }}</span>
</h1>
<div
@@ -12,7 +12,7 @@
<div class="w-full text-center" v-else>
<h2
v-if="main !== null && main.title"
class="text-4xl font-semibold leading-tight font-heading"
class="text-5xl font-semibold leading-tight font-heading"
>
{{ main.title }}
</h2>

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

@@ -3,11 +3,11 @@
<div class="w-full max-w-7xl mx-auto mt-10 px-16 text-center">
<h2
v-if="main !== null"
class="text-4xl font-semibold leading-tight font-heading"
class="text-5xl font-semibold leading-tight font-heading"
>
{{ main.title }}
</h2>
<p v-if="main !== null" class="mb-6 text-gray-700">
<p v-if="main !== null" class="mb-6 text-xl">
{{ main.subtitle }}
</p>
</div>