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

update css for header

Browse Source
This commit is contained in:
Ehab Hassan
2021-08-16 08:38:12 +00:00
parent a1e5da093e
commit f87e507ad8
3 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -162,30 +162,31 @@
</div>
<div
class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 -mx-2"
class="flex flex-wrap text-center tft_section lg:text-left lg:mt-10 lg:pt-10 -mx-2"
v-else-if="id == 'tft'"
>
<div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
<div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none text-center">
<h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
{{ title }}
</h2>
<div class="mb-8 text-gray-700 leading-relaxed" v-html="excerpt"></div>
<div class="mb-8 text-gray-800 text-2xl tft_subtitle" v-html="excerpt"></div>
<div v-if="button">
<a
v-if="link.includes('http')"
target="_blank"
class="
inline-block
bg-blue-900
text-sm
bg-gray-900
text-xl
learn-button
hover:bg-blue-800
hover:bg-gray-800
text-gray-100
px-12
px-16
py-2
mb-4
shadow
rounded-full
tft_subtitle
"
:href="link"
>{{ button }}</a
@@ -194,16 +195,17 @@
v-else
class="
inline-block
bg-blue-900
text-sm
bg-gray-900
text-xl
learn-button
hover:bg-blue-800
hover:bg-gray-800
text-gray-100
px-12
px-16
py-2
mb-4
shadow
rounded-full
tft_subtitle
"
:href="link"
>{{ button }}</a