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

Fix card height if titles are different lengths

Browse source
This commit is contained in:
Oliver Davies 2018-12-24 12:53:50 +00:00
parent 33998cf45f
commit 6483a76192
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/ApplicationCard.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div v-if="display == 'grid'" class="bg-white p-4 border-grey rounded border"> <div v-if="display == 'grid'" class="bg-white p-4 border-grey rounded border flex-1">
<div class="flex flex-col h-full justify-between"> <div class="flex flex-col h-full justify-between">
<div class="flex mb-12" :class="[display == 'grid' ? 'justify-between' : '']"> <div class="flex mb-12" :class="[display == 'grid' ? 'justify-between' : '']">
<div> <div>

2
src/views/Applications.vue
View file

@ -47,7 +47,7 @@
:key="application.id" :key="application.id"
:display="display" :display="display"
class="px-3 w-full" class="px-3 w-full"
:class="[display == 'grid' ? 'lg:w-1/3 mb-6 rounded' : '']" :class="[display == 'grid' ? 'lg:w-1/3 mb-6 flex flex-col' : '']"
></application-card> ></application-card>
</div> </div>
</div> </div>