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

chore: updates

Browse Source
This commit is contained in:
Tristan Yang
2023-03-09 20:15:03 +08:00
parent 2f8e2181fa
commit 9c06edf9ad
7 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/component/FileMessage/AudioMessage.tsx
+3 -3
View File
@@ -18,16 +18,16 @@ const AudioMessage = ({ url, name, size, download }: Props) => {
};
const _size = formatBytes(size);
return (
<div className='w-96 flex flex-col gap-2 px-3 py-2 rounded-md border border-solid border-gray-300 overflow-hidden bg-stone-100'>
<div className='w-96 flex flex-col gap-2 px-3 py-2 rounded-md border border-solid border-gray-300 dark:border-gray-500 overflow-hidden bg-stone-100 dark:bg-stone-900'>
<div className="flex justify-between z-30 overflow-hidden">
<div className="flex gap-2 ">
<IconAudio className="w-9 h-auto" />
<div className="flex flex-col gap-1 text-sm text-gray-700">
<div className="flex flex-col gap-1 text-sm text-gray-700 dark:text-gray-300">
<span title={name} className='font-bold w-[240px] truncate'>{name}</span>
<span>{_size}</span>
</div>
</div>
<a href={download} className="mt-2"><IconDownload className="download_icon gray" /></a>
<a href={download} className="mt-2"><IconDownload className="fill-gray-500 dark:fill-gray-400" /></a>
</div>
<audio src={url} onCanPlay={handleCanPlay} controls className={clsx("w-full object-cover z-10", canPlay ? "" : "hidden")} />
</div>