diff --git a/src/lib/components/channel/Messages/Message.svelte b/src/lib/components/channel/Messages/Message.svelte index 89cbfd6d1..b9bea7520 100644 --- a/src/lib/components/channel/Messages/Message.svelte +++ b/src/lib/components/channel/Messages/Message.svelte @@ -26,6 +26,8 @@ import Image from '$lib/components/common/Image.svelte'; import FileItem from '$lib/components/common/FileItem.svelte'; import ProfilePreview from './Message/ProfilePreview.svelte'; + import ChatBubbleOvalEllipsis from '$lib/components/icons/ChatBubbleOvalEllipsis.svelte'; + import FaceSmile from '$lib/components/icons/FaceSmile.svelte'; export let message; export let showUserProfile = true; @@ -66,29 +68,57 @@ ? 'pt-1.5 pb-0.5' : ''} w-full {($settings?.widescreenMode ?? null) ? 'max-w-full' - : 'max-w-5xl'} mx-auto group hover:bg-gray-500/5 transition relative" + : 'max-w-5xl'} mx-auto group hover:bg-gray-300/5 dark:hover:bg-gray-700/5 transition relative" > {#if (message.user_id === $user.id || $user.role === 'admin') && !edit} {/if} diff --git a/src/lib/components/icons/ChatBubbleOvalEllipsis.svelte b/src/lib/components/icons/ChatBubbleOvalEllipsis.svelte new file mode 100644 index 000000000..7ece2c4c7 --- /dev/null +++ b/src/lib/components/icons/ChatBubbleOvalEllipsis.svelte @@ -0,0 +1,19 @@ + + + + + diff --git a/src/lib/components/icons/FaceSmile.svelte b/src/lib/components/icons/FaceSmile.svelte new file mode 100644 index 000000000..ff61c065a --- /dev/null +++ b/src/lib/components/icons/FaceSmile.svelte @@ -0,0 +1,19 @@ + + + + +