Topic design fix and routes
This commit is contained in:
@@ -24,14 +24,27 @@
|
|||||||
v-for="article in articles"
|
v-for="article in articles"
|
||||||
:key="article.id"
|
:key="article.id"
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|
||||||
<div slot="bottom-left" class="max-w-xs">
|
<div slot="bottom-left" class="max-w-xs">
|
||||||
<div class="p-5 shadow-md m-2 mt-4"><img class="object-scale-down h-30" :src="article.featured_image" :alt="article.meta.title">
|
<div class="p-5 shadow-md m-2 mt-4">
|
||||||
<div class="text-xs font-bold uppercase text-teal-700 text-right mt-1 mb-2 MvTyper" v-text="article.source.name"></div>
|
|
||||||
<div class="text-xl font-bold mb-2 MvAamu text-right" v-text="article.title"></div>
|
<router-link :to="{ name: 'article.show', params: { id: article.id } }">
|
||||||
|
<img class="object-scale-down h-30" :src="article.featured_image" :alt="article.meta.title">
|
||||||
|
</router-link>
|
||||||
|
|
||||||
|
<div class="text-xs font-bold uppercase text-gray-500 text-right mt-1 mb-2 MvTyper" v-text="article.source.name"></div>
|
||||||
|
|
||||||
|
<router-link :to="{ name: 'article.show', params: { id: article.id } }">
|
||||||
|
<div class="text-md font-bold leading-7 mb-2 MvTyper text-right hover:underline" v-text="article.title"></div>
|
||||||
|
</router-link>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user