Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 65e94eb

Browse filesBrowse files
HMarzbanHMarzban
committed
style: chat box
1 parent 55fc53b commit 65e94eb
Copy full SHA for 65e94eb

File tree

5 files changed

+11
-11
lines changed
Filter options

5 files changed

+11
-11
lines changed

‎packages/webapp/components/chat/components/NotificationToggle.tsx

Copy file name to clipboardExpand all lines: packages/webapp/components/chat/components/NotificationToggle.tsx
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ export const NotificationToggle = ({ className }: { className?: string }) => {
8181
<Button
8282
loading={loading}
8383
onClick={handleToggle}
84-
className={`btn btn-sm tooltip tooltip-left flex items-center ${className} `}
84+
className={`btn btn-sm btn-square btn-ghost tooltip tooltip-left flex items-center ${className} `}
8585
data-tip={`Notifications: ${notificationState}`}>
8686
{notificationIcons[notificationState]}
8787
</Button>

‎packages/webapp/components/chat/components/Toolbar.tsx

Copy file name to clipboardExpand all lines: packages/webapp/components/chat/components/Toolbar.tsx
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ const Toolbar = () => {
8686
className="join-item btn btn-ghost btn-sm btn-square tooltip tooltip-left"
8787
/>
8888

89-
<NotificationToggle className="join-item btn-square" />
89+
<NotificationToggle className="join-item" />
9090

9191
<CloseButton
9292
className="join-item tooltip tooltip-left"

‎packages/webapp/components/chat/components/chatContainer/MessageCard.tsx

Copy file name to clipboardExpand all lines: packages/webapp/components/chat/components/chatContainer/MessageCard.tsx
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ function MessageCard({ data, toggleEmojiPicker, selectedEmoji }: TMessageCardPro
9898

9999
return (
100100
<div
101-
className={`chat-bubble !mt-0 flex w-full flex-col border-2 border-transparent p-2 ${
101+
className={`chat-bubble !mt-0 flex w-full flex-col p-2 ${
102102
isOwnerMessage ? 'bg-chatBubble-owner' : 'bg-white drop-shadow'
103103
} ${isGroupEnd ? 'bubble_group-end' : 'bubble_group-start !rounded-ee-xl !rounded-es-xl'}`}>
104104
{data.metadata?.comment && <MsgComment data={data} />}

‎packages/webapp/components/chat/components/send-message/ReplayMessageIndicator.tsx

Copy file name to clipboardExpand all lines: packages/webapp/components/chat/components/send-message/ReplayMessageIndicator.tsx
+6-6Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { FaReply } from 'react-icons/fa'
22
import { twx, cn } from '@utils/index'
3-
import { IoCloseOutline } from 'react-icons/io5'
3+
import { IoCloseOutline, IoCloseSharp } from 'react-icons/io5'
44
import { useChatStore } from '@stores'
55
import { useChannel } from '../../context/ChannelProvider'
66
import { useMemo } from 'react'
@@ -10,7 +10,7 @@ type BtnIcon = React.ComponentProps<'button'> & { $active?: boolean; $size?: num
1010

1111
const IconButton = twx.button<BtnIcon>((props) =>
1212
cn(
13-
'btn btn-circle w-8 h-8 btn-xs p-1 mr-2',
13+
'btn btn-square w-8 h-8 btn-xs p-1 mr-2',
1414
props.$active && 'btn-active',
1515
props.$size && `w-${props.$size} h-${props.$size}`
1616
)
@@ -40,17 +40,17 @@ export const ReplayMessageIndicator = () => {
4040
if (replayMessageMemory.channel_id !== channelId) return null
4141

4242
return (
43-
<div className="flex w-full items-center justify-between px-4 py-2 text-base-content">
43+
<div className="text-base-content flex w-full items-center justify-between px-4 py-2">
4444
<FaReply size={24} />
45-
<div className="flex w-full flex-col justify-start pl-3 text-base text-base-content">
46-
<span className="font-semibold text-primary antialiased">
45+
<div className="text-base-content flex w-full flex-col justify-start pl-3 text-base">
46+
<span className="text-primary font-semibold antialiased">
4747
Reply to
4848
<span className="ml-1 font-normal">{replyToUser}</span>
4949
</span>
5050
<span className="text-sm">{replayMessageMemory?.content}</span>
5151
</div>
5252
<IconButton onClick={handleCloseReplayMessage}>
53-
<IoCloseOutline size={22} />
53+
<IoCloseSharp size={22} />
5454
</IconButton>
5555
</div>
5656
)

‎packages/webapp/components/chat/components/send-message/SendMessage.tsx

Copy file name to clipboardExpand all lines: packages/webapp/components/chat/components/send-message/SendMessage.tsx
+2-2Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -277,7 +277,7 @@ export default function SendMessage() {
277277
if (!editor || !user) return null
278278

279279
return (
280-
<div className="flex w-full flex-col bg-base-200 p-1 px-2 pb-0">
280+
<div className="bg-base-200 flex w-full flex-col p-1 px-2 pb-0">
281281
<CommentMessageIndicator />
282282
<ReplayMessageIndicator />
283283
<EditeMessageIndicator />
@@ -288,7 +288,7 @@ export default function SendMessage() {
288288
/>
289289

290290
<div className={`my-2 mt-1 w-full px-2${showEditorToolbar ? 0 : 2}`}>
291-
<div className="flex w-full flex-col rounded-md bg-base-300 px-2 sm:px-3">
291+
<div className="bg-base-300 flex w-full flex-col rounded-md px-2 sm:px-3">
292292
<div className="flex items-center py-1 text-base sm:py-2">
293293
{settings?.textEditor?.attachmentButton && (
294294
<IconButton $size={8}>

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.