Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-09 23:48:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix images

Browse Source
This commit is contained in:
Emily
2024-07-16 18:07:05 +02:00
parent 5c8f173600
commit 3a58b1d91c
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
landing/components/blog/ArticleWrapper.vue
View File

@@ -21,7 +21,7 @@ const blogPost = blogPosts.value.find(e => e.id == id);
{{ blogPost?.subtitle }} {{ blogPost?.subtitle }}
</p> </p>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<img class="w-9 h-9 rounded-full" :src="blogPost?.authorImage" :alt="blogPost?.author"> <img class="w-9 h-9 rounded-full" :src="'/blog/' + blogPost?.authorImage" :alt="blogPost?.author">
<p class="align-middle mt-4"> <p class="align-middle mt-4">
{{ blogPost?.author }} {{ blogPost?.author }}
</p> </p>
@@ -30,7 +30,7 @@ const blogPost = blogPosts.value.find(e => e.id == id);
</div> </div>
<img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20 mt-10 mb-10" <img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20 mt-10 mb-10"
:src="blogPost?.image" :alt="blogPost?.title"> :src="'/blog/' + blogPost?.image" :alt="blogPost?.title">
</header> </header>
<slot></slot> <slot></slot>
</article> </article>

8
landing/pages/blog/index.vue
View File

@@ -19,11 +19,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
<div class="home-posts flex gap-10 justify-center"> <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"> <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"> :alt="post.title">
<h4 class="font-normal mt-2"> {{ post.title }} </h4> <h4 class="font-normal mt-2"> {{ post.title }} </h4>
<div class="flex gap-3 items-center text-[1rem]"> <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="font-normal"> {{ post.author }} </div>
<div class="text-gray-400"> • {{ post.created_at }} </div> <div class="text-gray-400"> • {{ post.created_at }} </div>
</div> </div>
@@ -34,11 +34,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
<div class="grid grid-cols-3 gap-2"> <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"> <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"> :alt="post.title">
<h5 class="font-normal mt-2"> {{ post.title }} </h5> <h5 class="font-normal mt-2"> {{ post.title }} </h5>
<div class="flex gap-3 items-center text-[.9rem]"> <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="font-normal"> {{ post.author }} </div>
<div class="text-gray-400"> • {{ post.created_at }} </div> <div class="text-gray-400"> • {{ post.created_at }} </div>
</div> </div>