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

update css

Browse Source
This commit is contained in:
Ehab Hassan
2021-04-04 23:21:51 +02:00
parent 6c65868791
commit d9c1784bad
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,7 @@
<div class="w-full max-w-2xl mx-auto" v-if="id == 'why'">
<h2
v-if="cta.title"
class="text-6xl text-center uppercase mb-2 leading-none font-light font-heading"
class="text-5xl text-center uppercase mb-2 leading-none font-light font-heading"
>
{{ cta.title }}
</h2>
@@ -23,12 +23,12 @@
>{{ cta.video_button }}</a
>
</div>
<a
<g-link
class="inline-block bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
target="_blank"
v-if="cta.button"
:href="cta.link"
>{{ cta.button }}</a
:to="cta.link"
>{{ cta.button }}</g-link
>
<g-link
class="inline-block bg-gray-900 text-sm learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"

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

@@ -1,18 +1,18 @@
<template>
<section class="py-15 mb-10 px-4 lg:mx-40">
<div
class="flex flex-wrap text-center lg:text-left -mx-2"
class="flex flex-wrap text-center lg:mt-10 lg:text-left -mx-2"
v-if="id == 'why'"
>
<div class="lg:w-3/5 px-2"><g-image :src="img" :alt="altImg" /></div>
<div class="lg:w-2/5 px-2 py-20 lg:pr-20 lg:mt-10 order-1 lg:order-none">
<div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
<div class="lg:w-1/2 px-2 py-20 lg:pr-20 px-10 lg:mt-10 order-1 lg:order-none">
<h1
class="flex text-center uppercase mb-6 mt-20 leading-none text-5xl font-light font-heading"
class="flex text-center uppercase mb-6 mt-10 leading-none text-5xl font-light font-heading"
>
{{ title }}
</h1>
<span
class="flex text-center uppercase mb-6 leading-none text-5xl font-black font-heading"
class="flex text-center uppercase mb-6 leading-none text-6xl font-black font-heading"
>
{{ slogan }}
</span>