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

new add

Browse Source
This commit is contained in:
Ehab Hassan
2021-02-10 13:20:56 +02:00
parent e37ea61f6a
commit b99e86a6e0
11 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
View File

@@ -1,14 +1,13 @@
<template>
<div class="py-8 mb-5">
<div class="py-12 mb-5">
<div class="w-full text-center">
<p v-if="main !== null" class="text-sm tracking-widest text-gray-700">{{ main.subtitle }}</p>
<h1 v-if="main !== null" class="text-4xl mt-2 mb-6 leading-tight font-heading">
<p class="text-sm tracking-widest text-gray-700">{{ main.subtitle }}</p>
<h1 class="text-4xl mt-2 mb-6 leading-tight font-heading">
{{ main.title }}
</h1>
<g-image v-if="main !== null" :src="img(main.image)" class="hidden md:block" />
</div>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:hidden">
<div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
<div
v-for="(product, idx) in products"
:key="idx"
@@ -18,7 +17,7 @@
class="m-auto max-w-sm rounded overflow-hidden shadow-lg hover:bg-white transition duration-500 bg-white"
>
<div class="px-2 py-2">
<g-image :src="img(product.image)" />
<g-image class="py-4" :src="img(product.image)" />
<!-- <div class="font-bold text-xl mb-2">{{ product.title }}</div> -->
<p v-html="product.content" class="text-gray-700 text-base"></p>
</div>