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

Add ProjectCard component

Browse source
This commit is contained in:
Oliver Davies 2019-04-24 10:29:32 +01:00
parent 7bd69db3e3
commit 9b8695eb52
2 changed files with 28 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/App.vue
View file

@ -52,21 +52,7 @@
<page-title>All Projects</page-title> <page-title>All Projects</page-title>
<div class="flex flex-wrap mt-4 -mx-4 -mb-8"> <div class="flex flex-wrap mt-4 -mx-4 -mb-8">
<article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8 " v-for="n in 9"> <project-card v-for="n in 9"></project-card>
<div class="bg-gray-100 shadow-lg rounded overflow-hidden">
<div class="p-6">
<h2 class="font-bold text-gray-800">Drupal Bristol</h2>
<p class="text-gray-600">accounts-partners</p>
<img src="/download.jpeg" alt="" class="shadow-2xl rounded mt-4">
</div>
<div class="bg-white py-5 px-8 -mt-24 relative">
Europe (West 1)
</div>
</div>
</article>
</div> </div>
</div> </div>
@ -74,4 +60,14 @@
</div> </div>
</template> </template>
<script>
import ProjectCard from '@/components/ProjectCard'
export default {
components: {
ProjectCard
}
}
</script>
<style src="./css/app.css"></style> <style src="./css/app.css"></style>

17
src/components/ProjectCard.vue Normal file
View file

@ -0,0 +1,17 @@
<template>
<article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8">
<div class="bg-gray-100 shadow-lg rounded overflow-hidden">
<div class="p-6">
<h2 class="font-bold text-gray-800">Drupal Bristol</h2>
<p class="text-gray-600">accounts-partners</p>
<img src="/download.jpeg" alt="" class="shadow-2xl rounded mt-4">
</div>
<div class="bg-white py-5 px-8 -mt-24 relative">
<p>Europe (West 1)</p>
</div>
</div>
</article>
</template>