me/vue-blog-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added horizontal padding to posts

Browse source
This commit is contained in:
ak 2023-09-30 23:38:18 -07:00
parent 9ff4df4a2b
commit 0e36ff8e79
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/views/Home.vue
View file

@ -118,7 +118,7 @@ const savePost = async (title, text) => {
<div class="w-full flex flex-col" v-else v-for="post in posts"> <div class="w-full flex flex-col" v-else v-for="post in posts">
<router-link <router-link
:to="`/post/${post._id}`" :to="`/post/${post._id}`"
class="flex flex-col items-center w-full h-fit border-b hover:bg-zinc-700 py-10" class="flex flex-col items-center w-full h-fit border-b hover:bg-zinc-700 py-10 px-10"
> >
<h1 class="text-2xl mb-4"> <h1 class="text-2xl mb-4">
&#x300E;&nbsp;&nbsp;&nbsp;{{ post.title }}&nbsp;&nbsp;&nbsp;&#x300F; &#x300E;&nbsp;&nbsp;&nbsp;{{ post.title }}&nbsp;&nbsp;&nbsp;&#x300F;

2
src/views/Post.vue
View file

@ -155,7 +155,7 @@ const deletePost = async () => {
</p> </p>
</div> </div>
<div class="w-full flex flex-col items-center h-fit" v-else> <div class="w-full flex flex-col items-center h-fit" v-else>
<div class="w-full flex flex-col items-center py-10"> <div class="w-full flex flex-col items-center py-10 px-10">
<p class="mb-4">{{ post.text }}</p> <p class="mb-4">{{ post.text }}</p>
<p> <p>
{{ post.author }} &#128394;&#65039; {{ post.date.substring(0, 10) }} {{ post.author }} &#128394;&#65039; {{ post.date.substring(0, 10) }}