jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

I changed the visuals of the documentation files, improved the appearance of the post page, modified the header of the profile view, and added a Feed view.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-06-30 12:39:54 -04:00
parent 88f79fd4b3
commit c26a4ba148
7 changed files with 89 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/main/PostCard.vue
View File

@@ -1,28 +1,28 @@
<template>
<div class=" shadow-lg rounded-lg max-w-sm">
<div class="border-2 shadow-2xl mb-4 ">
<div class="mt-1">
<div class="h-48 object-cover bg-purple">
<v-img :src="props.post.banner"
<v-img class="mt-1 rounded-t-2xl " :src="props.post.banner"
v-if="!isHttpUrl">
</v-img>
<iframe v-if="isHttpUrl"
<iframe style="min-height: 400px" class="w-full rounded-t-2xl"
v-if="isHttpUrl"
:src="props.post.banner"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen>
</iframe>
</div>
<div class="text-lg font-bold">{{ props.post.title }}</div>
<div class="text-sm text-gray-500">{{ props.post.title }}</div>
<div class="text-base text-gray-700">{{ props.post.content }}</div>
<div class="text-lg font-bold m-4">{{ props.post.title }}</div>
<div class="text-sm text-gray-500 m-4">{{ props.post.title }}</div>
<div class="text-base text-gray-700 m-4 text-justify">{{ props.post.content }}</div>
</div>
</template>