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

Fix font

Browse Source
This commit is contained in:
samaradel
2021-09-19 16:58:12 +02:00
parent 3fff2b60fb
commit 4fc9870545
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,11 +1,20 @@
<template>
<div class="flex flex-wrap -mx-auto">
<div class="text-center mx-auto my-4">
<h1 class="text-6xl text-gray-900 font-bold sm:text-9xl leading-tight">
<h1
class="
text-md
lg:text-6xl
text-gray-900
font-bold
sm:text-9xl
leading-tight
"
>
{{ main.title }}
</h1>
<div
class="my-5 max-w-2xl lg:text-xl mx-auto text-gray-900 sm:mt-4"
class="my-5 max-w-2xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
v-html="main.content"
></div>
</div>
@@ -14,7 +23,7 @@
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
<div class="flex-1">
<div
class="mt-3 lg:text-2xl leading-tight text-gray-800"
class="mt-3 text-lg lg:text-2xl leading-tight text-gray-800"
v-html="mainItem.content"
></div>
</div>
@@ -22,7 +31,7 @@
</div>
<!-- Column Content -->
<div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
<div class="flex my-5 lg:my-14 mx-5" v-for="info in marketInfo" :key="info">
<div class="flex-shrink-0">
<div
class="
@@ -40,7 +49,7 @@
</div>
<div class="ml-4">
<div
class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
class="mt-4 text-lg lg:text-2xl max-w-md leading-6 text-gray-900"
v-html="info.content"
></div>
</div>