From a63c5243e5ce4cff389e7d096597f998a5e149b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chlo=C3=A9=20JACOB?= <chloe.jacob4@etu.unistra.fr>
Date: Sun, 19 Mar 2023 14:53:03 +0100
Subject: [PATCH] quelques modifications
---
src/components/Post.tsx | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index f8b31a1..0bf795f 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -88,9 +88,9 @@ return <>
<FontAwesomeIcon className="text-[22px]" icon={faEllipsisVertical} />
</div>
{/* DROPDOWN */}
- <div className={`absolute bg-white rounded border w-32 left-0 mt-2 overflow-hidden ${dropdownOpen ? '' : 'hidden'}`}>
+ <div className={`absolute bg-white dark:bg-darkblue rounded border w-32 right-0 mt-4 overflow-hidden ${dropdownOpen ? '' : 'hidden'}`}>
{post.owner.isFollowedByViewer ? (
- <button className="hover:bg-gray-200 p-2 font-bold text-red-500 w-full text-left"
+ <button className="hover:bg-gray-200 dark:hover:bg-gray-700 p-2 font-bold text-red-500 w-full text-left"
onClick={() => {
if (inFeed) {
dispatch(unfollowUserFeedAsync(post.id, post.owner.id));
@@ -102,7 +102,7 @@ return <>
Unfollow
</button>
) : (
- <button className="hover:bg-gray-200 p-2 font-bold text-blue-500 w-full text-left"
+ <button className="hover:bg-gray-200 p-2 dark:hover:bg-gray-700 font-bold text-blue-500 w-full text-left"
onClick={() => {
if (inFeed) {
dispatch(followUserFeedAsync(post.id, post.owner.id));
@@ -116,11 +116,11 @@ return <>
)
}
{inFeed &&
- <button className="hover:bg-gray-200 p-2 w-full text-left">
+ <button className="hover:bg-gray-200 dark:hover:bg-gray-700 p-2 w-full text-left">
<Link to={`/post/${postid}`}>Voir la publication</Link>
</button>
}
- <button className="hover:bg-gray-200 p-2 w-full text-left" onClick={() => {
+ <button className="hover:bg-gray-200 dark:hover:bg-gray-700 p-2 w-full text-left" onClick={() => {
copyLink(window.location.origin.toString() + '/post/' + postid);
}}
>Copier le lien</button>
@@ -137,7 +137,7 @@ return <>
{caption && <p className="mb-3">{caption}</p>}
<div className="flex gap-2">
{isLiked ? (
- <button className={`px-4 py-1 bg-${isLiked ? 'red-500' : 'gray-400'} rounded-full flex items-center gap-2`}
+ <button className={`px-4 py-1 bg-${isLiked ? 'blue-500' : 'gray-400'} rounded-full flex items-center gap-2`}
onClick={() => {
dispatch(unlikePostAsync(postid));
}}
@@ -146,7 +146,7 @@ return <>
<span className="mt-1">{likes}</span>
</button>
) : (
- <button className={`px-4 py-1 bg-${isLiked ? 'red-500' : 'gray-400'} rounded-full flex items-center gap-2`}
+ <button className={`px-4 py-1 bg-${isLiked ? 'blue-500' : 'gray-400'} rounded-full flex items-center gap-2`}
onClick={() => {
dispatch(likepostAsync(postid));
}}
--
GitLab