opdavies/rebuilding-acquia
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix application card widths

Browse source
This commit is contained in:
Oliver Davies 2018-12-23 22:42:45 +00:00
parent 308f312ffe
commit 6c257fafc1
2 changed files with 23 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/ApplicationCard.vue
View file

@ -1,5 +1,6 @@
<template>
<div class="w-full md:w-1/3 lg:w-1/4 mx-6 mb-6 bg-white p-4 border border-grey rounded">
<div>
<div class="mb-6 bg-white p-4 border border-grey rounded">
<div class="flex flex-col h-full justify-between">
<div class="flex justify-between mb-12">
<div>
@ -21,6 +22,7 @@
<application-tags :type="application.type" :level="application.level"></application-tags>
</div>
</div>
</div>
</template>
<script>

10
src/views/Applications.vue
View file

@ -37,8 +37,14 @@
</div>
</div>
<div class="flex flex-wrap -mx-6">
<application-card v-for="application in applications" :id="application.id" :application="application" :key="application.id"></application-card>
<div class="flex flex-wrap -mx-3 w-full">
<application-card
v-for="application in applications"
:id="application.id"
:application="application"
:key="application.id"
class="px-3 w-full lg:w-1/3"
></application-card>
</div>
</div>