mirror of
https://github.com/Litlyx/litlyx
synced 2025-12-10 15:58:38 +01:00
fix images
This commit is contained in:
@@ -19,11 +19,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
|
||||
|
||||
<div class="home-posts flex gap-10 justify-center">
|
||||
<NuxtLink tag="article" :to="post.id" v-for="post of homePosts" class="flex flex-col gap-2">
|
||||
<img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20" :src="post.image"
|
||||
<img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' + post.image"
|
||||
:alt="post.title">
|
||||
<h4 class="font-normal mt-2"> {{ post.title }} </h4>
|
||||
<div class="flex gap-3 items-center text-[1rem]">
|
||||
<img class="w-9 h-9 rounded-full" :src="post.authorImage" :alt="post.author">
|
||||
<img class="w-9 h-9 rounded-full" :src="'/blog/' + post.authorImage" :alt="post.author">
|
||||
<div class="font-normal"> {{ post.author }} </div>
|
||||
<div class="text-gray-400"> • {{ post.created_at }} </div>
|
||||
</div>
|
||||
@@ -34,11 +34,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
|
||||
|
||||
<div class="grid grid-cols-3 gap-2">
|
||||
<NuxtLink tag="article" :to="post.id" v-for="post of blogPosts" class="flex flex-col gap-2">
|
||||
<img class="rounded-xl outline outline-[1px] outline-gray-100/20" :src="post.image"
|
||||
<img class="rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' +post.image"
|
||||
:alt="post.title">
|
||||
<h5 class="font-normal mt-2"> {{ post.title }} </h5>
|
||||
<div class="flex gap-3 items-center text-[.9rem]">
|
||||
<img class="w-8 h-8 rounded-full" :src="post.authorImage" :alt="post.author">
|
||||
<img class="w-8 h-8 rounded-full" :src="'/blog/' +post.authorImage" :alt="post.author">
|
||||
<div class="font-normal"> {{ post.author }} </div>
|
||||
<div class="text-gray-400"> • {{ post.created_at }} </div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user