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"
v-html="excerpt"
></div>
<div v-if="button">
<div v-if="button" class="block text-center">
<a
v-if="link.includes('http')"
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"
>{{ button }}</a
>
<a
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"
>{{ button }}</a
>
@@ -91,13 +91,13 @@
<a
v-if="link.includes('http')"
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"
>{{ button }}</a
>
<a
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"
>{{ button }}</a
>

4
src/templates/MarkdownPage.vue
View File

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