chore: updates

2023-03-07 11:03:49 +08:00
parent fa03ba4bb5
commit 0aa747ee7c
6 changed files with 344 additions and 314 deletions
@@ -19,7 +19,9 @@ const PreviewMessage: FC<Props> = ({ mid = 0, context }) => {
  const pinMsg = context == "pin";
  return (
    <div className={clsx(`w-full relative flex items-start gap-3 p-2 my-2 rounded-lg`, pinMsg && "max-h-64 overflow-auto overflow-x-hidden border border-solid border-gray-200 dark:border-gray-400")}>
-      <Avatar width={40} height={40} className="rounded-full object-cover" src={avatar} name={name} />
+      <div className="w-10 h-10 flex shrink-0">
+        <Avatar width={40} height={40} className="rounded-full object-cover" src={avatar} name={name} />
+      </div>
      <div className="w-full flex flex-col items-start">
        <div className="flex items-center gap-2 font-semibold">
          <span className="text-gray-500 text-sm">{name}</span>