tabby/vue-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improved blog post component

Browse source
This commit is contained in:
Tabby 2025-04-05 19:01:47 +11:00
parent a40d30ea1c
commit dfe3a8c1fa
8 changed files with 272 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

38
pages/blog-index.vue
View file

@ -8,21 +8,22 @@
<a href="blog-index?tag=Programming">Programming</a> -
<a href="blog-index?tag=Godot">Godot</a> -
<a href="blog-index?tag=Tech">Tech</a> -
<a href="blog-index?tag=Queerness">Queerness</a> -
<a class="no-posts" href="blog-index?tag=Mental Health">Mental Health</a>
<a href="blog-index?tag=Queerness">Queerness</a>
<!-- <a class="no-posts" href="blog-index?tag=Mental Health">Mental Health</a> -->
</p>
<hr>
<TextCard v-for="post in data"
:key="post.id"
:href="post._path"
:heading="post.title"
:subheading="post.date"
:description="post.description"
:id="post.id"
:tags="post.tags"
/>
<!-- <div> -->
<BlogCard v-for="post in data" class="posts-list"
:key="post.id"
:href="post._path"
:heading="post.title"
:subheading="post.date"
:description="post.description"
:id="post.id"
:tags="post.tags"
/>
<!-- </div> -->
</main>
@ -53,12 +54,17 @@
<style>
main {
display: flex;
flex-direction: column;
align-items: center;
/* display: flex; */
/* flex-direction: column; */
/* align-items: center; */
padding: 2rem;
margin-top: 3.5rem;
gap: 0rem;
/* gap: 0rem; */
/* width: 80%; */
}
.posts-list{
width: 80%;
}
.no-margin{