From 6f80b785249da0ef91f74c740cb559d2a4ba38a7 Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Fri, 14 Apr 2023 11:01:10 +0800
Subject: [PATCH] refactor: save tip and blank placeholder

---
 src/common/component/BlankPlaceholder.tsx | 8 ++++----
 src/common/component/SaveTip.tsx          | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/common/component/BlankPlaceholder.tsx b/src/common/component/BlankPlaceholder.tsx
index 97c73cda..4cd2d324 100644
--- a/src/common/component/BlankPlaceholder.tsx
+++ b/src/common/component/BlankPlaceholder.tsx
@@ -43,9 +43,9 @@ const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
   return (
     <>
       <div className="flex flex-col gap-8 -mt-[50px] dark:bg-gray-700">
-        <div className="flex flex-col gap-2 items-center group">
+        <div className="flex flex-col gap-2 items-center group px-4">
           <h2 className="text-center text-3xl text-slate-700 dark:text-white font-bold">{t("title", { name: server.name })}</h2>
-          <p className="text-sm text-gray-400 max-w-md text-center relative break-all whitespace-pre">
+          <p className="text-sm text-gray-400 max-w-md text-center relative whitespace-normal">
             <Linkify options={
               {
                 render: {
@@ -59,9 +59,9 @@ const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
                 }
               }
             }>
-              {server.description ?? t("desc")}
+              {server.description ? server.description : t("desc")}
             </Linkify>
-            {isAdmin && <NavLink to={"/setting/overview"} className="absolute -top-6 -right-6 invisible group-hover:visible">
+            {isAdmin && <NavLink to={"/setting/overview"} className="absolute top-0 -right-7 invisible group-hover:visible">
               <IconEdit />
             </NavLink>}
           </p>
diff --git a/src/common/component/SaveTip.tsx b/src/common/component/SaveTip.tsx
index f76d8db1..9c61f30b 100644
--- a/src/common/component/SaveTip.tsx
+++ b/src/common/component/SaveTip.tsx
@@ -13,7 +13,7 @@ const SaveTip: FC<Props> = ({ saveHandler, resetHandler }) => {
   const { t } = useTranslation("setting");
   // const btnClass=clsx("")
   return (
-    <div className="z-[999] w-full p-2 absolute bottom-4 md:bottom-16 left-0 
+    <div className="z-[999] w-full max-w-lg p-2 fixed bottom-4 md:bottom-16
     flex flex-col md:flex-row items-center justify-between font-semibold text-gray-700 border 
     border-solid border-gray-200 dark:border-gray-400 bg-white dark:bg-gray-600 shadow-2xl dark:shadow-primary-400/50 rounded-full">
       <span className="p-2 text-sm dark:text-gray-200">{t('save_tip')}</span>