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

Add header btns

Browse Source
This commit is contained in:
samaradel
2021-04-05 15:09:48 +02:00
parent 071f565367
commit 3a0e88daba
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -56,17 +56,17 @@
class="mb-8 text-center text-gray-700 leading-relaxed" class="mb-8 text-center text-gray-700 leading-relaxed"
v-html="excerpt" v-html="excerpt"
></div> ></div>
<div v-if="button"> <div v-if="button" class="block text-center">
<a <a
v-if="link.includes('http')" v-if="link.includes('http')"
target="_blank" target="_blank"
class="nline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" class="bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
:href="link" :href="link"
>{{ button }}</a >{{ button }}</a
> >
<a <a
v-else v-else
class="nline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" class="bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
:href="link" :href="link"
>{{ button }}</a >{{ button }}</a
> >
@@ -91,13 +91,13 @@
<a <a
v-if="link.includes('http')" v-if="link.includes('http')"
target="_blank" target="_blank"
class="nline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
:href="link" :href="link"
>{{ button }}</a >{{ button }}</a
> >
<a <a
v-else v-else
class="nline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" class="inline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
:href="link" :href="link"
>{{ button }}</a >{{ button }}</a
> >

4
src/templates/MarkdownPage.vue
View File

@@ -13,6 +13,8 @@
:image="$page.markdownPage.header_image" :image="$page.markdownPage.header_image"
:altImg="$page.markdownPage.header_altImg" :altImg="$page.markdownPage.header_altImg"
:excerpt="$page.markdownPage.header_excerpt" :excerpt="$page.markdownPage.header_excerpt"
:button="$page.markdownPage.button"
:link="$page.markdownPage.link"
/> />
</div> </div>
<div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"> <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
@@ -91,6 +93,8 @@
header_title header_title
header_image header_image
header_slogan header_slogan
button
link
solution_image solution_image
productsMain{ productsMain{
id id