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

Fix market info sec in small screens

Browse Source
This commit is contained in:
samaradel
2021-09-19 16:56:18 +02:00
parent 6af64c8d23
commit 3fff2b60fb
1 changed files with 23 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,8 +9,8 @@
v-html="main.content"
></div>
</div>
<div class="flex flex-col my-1 px-1 w-1/2 overflow-hidden">
<g-image :src="mainItem.image" class="w-3/4 mx-auto " />
<div class="flex flex-col my-1 px-1 lg:w-1/2 overflow-hidden">
<g-image :src="mainItem.image" class="w-3/4 mx-auto" />
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
<div class="flex-1">
<div
@@ -21,31 +21,29 @@
</div>
</div>
<div class="my-1 px-1 w-1/2 overflow-hidden">
<!-- Column Content -->
<div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
<div class="flex-shrink-0">
<div
class="
flex
items-center
justify-center
h-24
w-24
rounded-md
text-white
"
>
<g-image :src="info.image" class="w-full" />
</div>
</div>
<div class="ml-4">
<div
class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
v-html="info.content"
></div>
<!-- Column Content -->
<div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
<div class="flex-shrink-0">
<div
class="
flex
items-center
justify-center
h-24
w-24
rounded-md
text-white
"
>
<g-image :src="info.image" class="w-full" />
</div>
</div>
<div class="ml-4">
<div
class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
v-html="info.content"
></div>
</div>
</div>
</div>
</template>