chore: update empty icon

web/src/components/Empty.tsx

+import Icon from "./Icon";
+
 const Empty = () => {
   return (
     <div className="mx-auto">
-      <img className="w-24 h-auto opacity-60 dark:opacity-40" src="/assets/empty.png" alt="" />
+      <Icon.Bird strokeWidth={1} className="w-24 h-auto text-gray-500 dark:text-gray-400" />
     </div>
   );
 };

web/src/locales/en.json

@@ -328,7 +328,7 @@
     "other-projects": "Other Projects"
   },
   "message": {
-    "no-data": "Maybe no data was found, or maybe it should be another option.",
+    "no-data": "No data found.",
     "memos-ready": "all memos are ready",
     "resource-ready": "all resource are ready",
     "restored-successfully": "Restored successfully",

web/src/pages/Archived.tsx

@@ -36,7 +36,7 @@ const Archived = () => {
   }, [memos, textQuery]);
 
   return (
-    <section className="w-full min-h-full flex flex-col md:flex-row justify-start items-start px-4 sm:px-2 sm:pt-4 pb-8 bg-zinc-100 dark:bg-zinc-800">
+    <section className="w-full max-w-3xl min-h-full flex flex-col md:flex-row justify-start items-start px-4 sm:px-2 sm:pt-4 pb-8 bg-zinc-100 dark:bg-zinc-800">
       <MobileHeader showSearch={false} />
       <div className="archived-memo-page">
         <MemoFilter />

web/src/pages/SignIn.tsx

@@ -105,7 +105,7 @@ const SignIn = () => {
         <div className="w-full py-4 grow flex flex-col justify-center items-center">
           <div className="w-full flex flex-row justify-center items-center mb-6">
             <img className="h-14 w-auto rounded-full shadow" src={systemStatus.customizedProfile.logoUrl} alt="" />
-            <p className="ml-4 text-5xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p>
+            <p className="ml-2 text-5xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p>
           </div>
           {!disablePasswordLogin && (
             <>

web/src/pages/SignUp.tsx

@@ -72,7 +72,7 @@ const SignUp = () => {
         <div className="w-full py-4 grow flex flex-col justify-center items-center">
           <div className="w-full flex flex-row justify-center items-center mb-6">
             <img className="h-14 w-auto rounded-full shadow" src={systemStatus.customizedProfile.logoUrl} alt="" />
-            <p className="ml-4 text-5xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p>
+            <p className="ml-2 text-5xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p>
           </div>
           <p className="w-full text-2xl mt-2 dark:text-gray-500">{t("auth.create-your-account")}</p>
           <form className="w-full mt-2" onSubmit={handleFormSubmit}>