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

Fix imgs and Update pages title

Browse Source
This commit is contained in:
samaradel
2020-11-11 11:16:38 +02:00
parent b2f19480ff
commit bfcc8daddb
4 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/PostListItem.vue
View File

@@ -1,11 +1,18 @@
<template>
<div class="flex flex-post px-0 sm:px-4 pb-8 mb-8" v-bind:class="{'no-border': !border}">
<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-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 || record.name}}</h2>
<h2 class="post-card-title mt-3">{{ record.title || record.name }}</h2>
<p class="post-card-excerpt">{{ record.excerpt }}</p>
</g-link>
<div class="w-full post-card-meta pt-4">
@@ -13,7 +20,11 @@
<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">
<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"
@@ -24,15 +35,21 @@
</li>
</ul>
</div>
<div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
<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>
<time :datetime="record.datetime">{{
record.humanTime
}}</time>
</g-link>
</p>
<p>
<g-link :to="record.path">
<time :datetime="record.datetime">{{ record.startDate }}</time>
<time :datetime="record.datetime">{{
record.startDate
}}</time>
</g-link>
{{ record.status }}
</p>
@@ -62,4 +79,9 @@ export default {
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.post-card-image {
max-width: 100%;
height: auto;
}
</style>