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

Update content

Browse Source
This commit is contained in:
samaradel
2021-12-16 14:38:36 +02:00
parent 2a2e3e7dac
commit 43e055bb90
40 changed files with 115 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/custom/MarketInfo.vue
View File

@@ -1,16 +1,7 @@
<template>
<div class="flex flex-wrap -mx-auto lg:my-20">
<div class="text-center mx-auto my-4">
<h2
class="
text-md
lg:text-5xl
font-bold
leading-tight
max-w-2xl
inline
"
>
<div>
<div class="block text-center mx-auto my-4">
<h2 class="text-md lg:text-5xl font-bold mx-auto leading-tight max-w-2xl">
{{ main.title }}
</h2>
<div
@@ -18,29 +9,38 @@
v-html="main.content"
></div>
</div>
<div class="flex flex-col my-1 lg:w-1/2 overflow-hidden">
<g-image :src="mainItem.image" class="w-80 mx-auto" />
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
<div class="flex-1">
<div
class="mt-3 lg:text-xl max-w-xl mx-auto leading-tight text-gray-800 text-center"
v-html="mainItem.content"
></div>
<div class="flex flex-wrap -mx-auto lg:my-20">
<div class="flex flex-col my-1 lg:w-1/2 overflow-hidden">
<g-image :src="mainItem.image" class="w-80 mx-auto" />
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
<div class="flex-1">
<div
class="
mt-3
lg:text-xl
max-w-xl
mx-auto
leading-tight
text-gray-800 text-center
"
v-html="mainItem.content"
></div>
</div>
</div>
</div>
</div>
<!-- Column Content -->
<div class="flex flex-col my-1 lg:w-1/2 overflow-hidden lg:px-20">
<div class="flex my-4 px-2" v-for="info in marketInfo" :key="info.id">
<div class="flex-shrink-0">
<g-image :src="info.image" class="h-32 w-32" />
</div>
<div class="lg:mx-10">
<div
class="mt-5 lg:mx-10 text-xl leading-6 text-gray-900"
v-html="info.content"
></div>
<!-- Column Content -->
<div class="flex flex-col my-1 lg:w-1/2 overflow-hidden lg:px-20">
<div class="flex my-4 px-2" v-for="info in marketInfo" :key="info.id">
<div class="flex-shrink-0">
<g-image :src="info.image" class="h-32 w-32" />
</div>
<div class="lg:mx-10">
<div
class="mt-5 lg:mx-10 text-xl leading-6 text-gray-900"
v-html="info.content"
></div>
</div>
</div>
</div>
</div>

13
src/components/custom/SplitWithImage.vue
View File

@@ -16,14 +16,14 @@
pt-16
pb-20
text-center
lg:py-48
lg:text-left
lg:py-48 lg:text-left
"
>
<div class="px-4 lg:w-1/2 lg:ml-auto sm:px-8 xl:pr-16">
<h2
class="
tracking-tight
uppercase
leading-10
font-bold
text-gray-900
@@ -35,14 +35,7 @@
<br class="xl:hidden" />
<span class="block">{{ tft.subtitle }}</span>
</h2>
<div
class="
mt-3
text-xl
md:mt-5
"
v-html="tft.content"
></div>
<div class="mt-3 text-xl md:mt-5" v-html="tft.content"></div>
<div class="mt-10 sm:flex sm:justify-center lg:justify-start">
<a
:href="tft.link"