ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update reply and forward messgea bg

Browse Source
This commit is contained in:
Tristan Yang
2023-05-04 06:59:31 +08:00
parent 59672227de
commit 3826aed3c9
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/component/Message/ForwardedMessage.tsx
+1 -1
View File
@@ -21,7 +21,7 @@ const ForwardedMessage: FC<Props> = ({ context, to, from_uid, id }) => {
const forward_mids = messages.map(({ from_mid }) => from_mid) || [];
// console.log("fff", messages);
setForwards(
<div data-forwarded-mids={forward_mids.join(",")} className="flex flex-col rounded-lg bg-gray-100 dark:bg-gray-900">
<div data-forwarded-mids={forward_mids.join(",")} className="flex flex-col rounded-lg bg-gray-200 dark:bg-gray-900">
<h4 className="p-2 pb-0 flex items-center gap-1 text-gray-500 text-xs">
<IconForward className="w-4 h-4 fill-gray-500" />
{t("action.forward")}
src/common/component/Message/Reply.tsx
+1 -1
View File
@@ -82,7 +82,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
}, 3000);
}
};
const defaultClass = `w-fit flex items-start flex-col md:flex-row p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
const defaultClass = `w-fit flex items-start flex-col md:flex-row p-2 bg-gray-200 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
if (!data) return <div
key={mid}
data-mid={mid}
src/common/component/Send/Replying.tsx
+1 -1
View File
@@ -79,7 +79,7 @@ export default function Replying({
const user = usersData[from_uid];
return (
<div className="reply bg-gray-100 dark:bg-gray-700 z-[999] flex flex-col md:flex-row items-start justify-start gap-4 rounded-t-lg w-full px-4 py-3 text-sm">
<div className="reply bg-gray-100 dark:bg-gray-900 z-[999] flex flex-col md:flex-row items-start justify-start gap-4 rounded-t-lg w-full px-4 py-3 text-sm">
<div className="whitespace-nowrap text-gray-400 ">
Replying to <span className="font-bold text-gray-600 dark:text-gray-400">{user?.name}</span>
</div>