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

Fix market info grid

Browse Source
This commit is contained in:
samaradel
2021-09-20 11:07:38 +02:00
parent bb7845e773
commit 14d0a11a19
1 changed files with 10 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -31,27 +31,17 @@
</div> </div>
<!-- Column Content --> <!-- Column Content -->
<div class="flex my-5 lg:my-14 mx-5" v-for="info in marketInfo" :key="info"> <div class="flex flex-col my-1 px-1 lg:w-1/2 overflow-hidden">
<div class="flex-shrink-0"> <div class="flex my-10" v-for="info in marketInfo" :key="info.id">
<div <div class="flex-shrink-0">
class=" <g-image :src="info.image" class="h-24 w-24" />
flex </div>
items-center <div class="ml-4">
justify-center <div
h-24 class="mt-5 text-xl leading-6 text-gray-900"
w-24 v-html="info.content"
rounded-md ></div>
text-white
"
>
<g-image :src="info.image" class="w-full" />
</div> </div>
</div>
<div class="ml-4">
<div
class="mt-4 text-lg lg:text-2xl max-w-md leading-6 text-gray-900"
v-html="info.content"
></div>
</div> </div>
</div> </div>
</div> </div>