Add header btns

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

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
>