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" v-html="main.content"
></div> ></div>
</div> </div>
<div class="flex flex-col my-1 px-1 w-1/2 overflow-hidden"> <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 " /> <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 bg-white p-6 flex flex-col justify-between">
<div class="flex-1"> <div class="flex-1">
<div <div
@@ -21,31 +21,29 @@
</div> </div>
</div> </div>
<div class="my-1 px-1 w-1/2 overflow-hidden"> <!-- Column Content -->
<!-- Column Content --> <div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
<div class="flex 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=" flex
flex items-center
items-center justify-center
justify-center h-24
h-24 w-24
w-24 rounded-md
rounded-md text-white
text-white "
" >
> <g-image :src="info.image" class="w-full" />
<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> </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>
</div> </div>
</template> </template>