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

removed projectlistitem

Browse Source
This commit is contained in:
hamdy
2020-11-10 17:27:40 +02:00
parent 6991f8983c
commit c8c2d9d882
3 changed files with 6 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/components/ProjectListItem.vue
View File

@@ -1,68 +0,0 @@
<template>
<div class="flex flex-post px-0 sm:px-4 pb-8 mb-8" v-bind:class="{'no-border': !border}">
<g-link :to="record.path" class="post-card-image-link">
<g-image :src="record.image" :alt="record.title" class="post-card-image"></g-image>
</g-link>
<div class="post-card-content">
<g-link :to="record.path">
<h2 class="post-card-title mt-3">{{ record.title }}</h2>
<p class="post-card-excerpt">{{ record.excerpt }}</p>
</g-link>
<div class="w-full post-card-meta pt-4">
<div class="avatars">
<div class="flex items-center">
<div class="flex justify-between items-center">
<ul class="list-none flex author-list m-0">
<li v-for="author in record.author" :key="author.id" class="author-list-item">
<g-link :to="author.path" v-tooltip="author.name">
<g-image
:src="author.image"
:alt="author.name"
class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"
/>
</g-link>
</li>
</ul>
</div>
<div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
<p>
<g-link :to="record.path">
<time :datetime="record.datetime">{{ record.humanTime }}</time>
</g-link>
</p>
</div>
<div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
<p>
{{record.status}}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
record: {},
border: {
type: Boolean,
default: true,
},
},
};
</script>
<style scoped>
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
.post-card-excerpt {
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
</style>