From ec41b5f57f97632245c92e3de22365b2968c1855 Mon Sep 17 00:00:00 2001
From: StarHeart <starheart233@gmail.com>
Date: Sat, 25 Mar 2023 11:09:49 +0800
Subject: [PATCH] =?UTF-8?q?:memo:=20Docs:=20=E7=A7=BB=E9=99=A4=20Messenger?=
 =?UTF-8?q?=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A2=84=E6=9C=9F=E5=A4=96?=
 =?UTF-8?q?=E7=9A=84=E8=93=9D=E8=89=B2=E9=81=AE=E7=BD=A9=20(#1842)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 website/src/components/Messenger/index.tsx         | 12 ++++++++++--
 website/src/components/Messenger/styles.module.css | 10 ++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/website/src/components/Messenger/index.tsx b/website/src/components/Messenger/index.tsx
index 9db3eccc..ad90c1f0 100644
--- a/website/src/components/Messenger/index.tsx
+++ b/website/src/components/Messenger/index.tsx
@@ -71,10 +71,18 @@ export default function Messenger({
       <div className="px-3">
         <div className="flex flex-row items-center">
           <div className="flex-1 p-1 max-w-full">
-            <input className="w-full rounded bg-light dark:bg-dark" />
+            <input
+              className="w-full rounded bg-light dark:bg-dark focus:outline-none focus:ring focus:border-blue-500"
+              readOnly
+            />
           </div>
           <div className="flex-initial grow-0 w-fit">
-            <button className="h-7 px-3 rounded-full bg-blue-500 text-white">
+            <button
+              className={clsx(
+                "h-7 px-3 rounded-full bg-blue-500 text-white",
+                styles.messageSendButton
+              )}
+            >
               <span>发送</span>
             </button>
           </div>
diff --git a/website/src/components/Messenger/styles.module.css b/website/src/components/Messenger/styles.module.css
index ccd7c6e5..9a9ccd16 100644
--- a/website/src/components/Messenger/styles.module.css
+++ b/website/src/components/Messenger/styles.module.css
@@ -28,3 +28,13 @@
 .message.messageRight .messageBox::after {
   @apply !left-full !right-auto !rounded-bl-[0] !rounded-br-lg;
 }
+
+.messageSendButton {
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}