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> <template>
<div class="flex flex-wrap -mx-auto"> <div class="flex flex-wrap -mx-auto">
<div class="text-center mx-auto my-4"> <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 }} {{ main.title }}
</h1> </h1>
<div <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" v-html="main.content"
></div> ></div>
</div> </div>
@@ -14,7 +23,7 @@
<div class="flex-1 bg-white p-6 flex flex-col justify-between"> <div class="flex-1 bg-white p-6 flex flex-col justify-between">
<div class="flex-1"> <div class="flex-1">
<div <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" v-html="mainItem.content"
></div> ></div>
</div> </div>
@@ -22,7 +31,7 @@
</div> </div>
<!-- Column Content --> <!-- 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="flex-shrink-0">
<div <div
class=" class="
@@ -40,7 +49,7 @@
</div> </div>
<div class="ml-4"> <div class="ml-4">
<div <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" v-html="info.content"
></div> ></div>
</div> </div>