From a9812592fecfaa8c7144d1928805491f458642b9 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Fri, 15 Dec 2023 21:35:31 +0800
Subject: [PATCH] chore: tweak editor border styles

---
 web/src/components/MemoEditor/index.tsx       |  2 +-
 web/src/components/Settings/SystemSection.tsx | 12 +++++++++++-
 web/src/pages/DailyReview.tsx                 |  2 +-
 web/src/pages/MemoDetail.tsx                  |  1 -
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/web/src/components/MemoEditor/index.tsx b/web/src/components/MemoEditor/index.tsx
index 8fa60fca..3c9ec46a 100644
--- a/web/src/components/MemoEditor/index.tsx
+++ b/web/src/components/MemoEditor/index.tsx
@@ -425,7 +425,7 @@ const MemoEditor = (props: Props) => {
     <div
       className={`${
         className ?? ""
-      } relative w-full flex flex-col justify-start items-start bg-white dark:bg-zinc-700 px-4 pt-4 rounded-lg border-2 border-gray-200 dark:border-zinc-600`}
+      } relative w-full flex flex-col justify-start items-start bg-white dark:bg-zinc-700 px-4 pt-4 rounded-lg border border-gray-200 dark:border-zinc-600`}
       tabIndex={0}
       onKeyDown={handleKeyDown}
       onDrop={handleDropEvent}
diff --git a/web/src/components/Settings/SystemSection.tsx b/web/src/components/Settings/SystemSection.tsx
index 4e0fb2f2..a2fe8e5d 100644
--- a/web/src/components/Settings/SystemSection.tsx
+++ b/web/src/components/Settings/SystemSection.tsx
@@ -353,10 +353,20 @@ const SystemSection = () => {
           fontFamily: "monospace",
           fontSize: "14px",
         }}
-        placeholder={"Your instance url, should be started with http:// or https://"}
+        placeholder={"Should be started with http:// or https://"}
         value={instanceUrl}
         onChange={(event) => handleInstanceUrlChanged(event.target.value)}
       />
+      <div className="w-full">
+        <Link
+          className="text-gray-500 text-sm inline-flex flex-row justify-start items-center mt-2 hover:underline hover:text-blue-600"
+          to="https://usememos.com/docs/advanced-settings/seo"
+          target="_blank"
+        >
+          {t("common.learn-more")}
+          <Icon.ExternalLink className="inline w-4 h-auto ml-1" />
+        </Link>
+      </div>
       <Divider className="!mt-3 !my-4" />
       <div className="form-label">
         <div className="flex flex-row items-center">
diff --git a/web/src/pages/DailyReview.tsx b/web/src/pages/DailyReview.tsx
index 009c7cc4..dcf1575f 100644
--- a/web/src/pages/DailyReview.tsx
+++ b/web/src/pages/DailyReview.tsx
@@ -128,7 +128,7 @@ const DailyReview = () => {
 
             {selectedDateStamp === currentDateStamp && (
               <div className="w-full pl-0 sm:pl-12 sm:mt-4">
-                <MemoEditor className="!border" cacheKey="daily-review-editor" />
+                <MemoEditor cacheKey="daily-review-editor" />
               </div>
             )}
           </div>
diff --git a/web/src/pages/MemoDetail.tsx b/web/src/pages/MemoDetail.tsx
index 1666b5b7..25ff9f28 100644
--- a/web/src/pages/MemoDetail.tsx
+++ b/web/src/pages/MemoDetail.tsx
@@ -219,7 +219,6 @@ const MemoDetail = () => {
             {currentUser && (
               <MemoEditor
                 key={memo.id}
-                className="!border"
                 cacheKey={`comment-editor-${memo.id}`}
                 relationList={[{ memoId: UNKNOWN_ID, relatedMemoId: memo.id, type: "COMMENT" }]}
                 onConfirm={handleCommentCreated}