chore: update logo assets (#1407)

README.md

-<p align="center"><a href="https://usememos.com"><img height="64px" src="https://raw.githubusercontent.com/usememos/memos/main/assets/logo-full.webp" alt="✍️ memos" /></a></p>
+<p align="center"><a href="https://usememos.com"><img height="64px" src="https://usememos.com/logo-full.png" alt="✍️ memos" /></a></p>
 
 <p align="center">
   <a href="https://github.com/usememos/memos/stargazers"><img alt="GitHub stars" src="https://img.shields.io/github/stars/usememos/memos" /></a>

docs/deploy-with-render.md

@@ -2,7 +2,7 @@
 
 written by [AJ](https://memos.ajstephens.website/) (also a noob)
 
-<img height="64px" src="https://raw.githubusercontent.com/usememos/memos/main/assets/logo-full.webp" alt="✍️ memos" />
+<img height="64px" src="https://usememos.com/logo-full.png" alt="✍️ memos" />
 
 [Live Demo](https://demo.usememos.com) • [Official Website](https://usememos.com) • [Source Code](https://github.com/usememos/memos)
 

web/src/components/MemoEditor.tsx

@@ -474,8 +474,8 @@ const MemoEditor = () => {
             disabled={!(allowSave || editorState.resourceList.length > 0) || state.isUploadingResource || state.isRequesting}
             onClick={handleSaveBtnClick}
           >
+            <img className="w-5 -ml-0.5 mr-0.5 h-auto" src="/logo.png" />
             {t("editor.save")}
-            <img className="icon-img w-4 h-auto" src="/logo.png" />
           </button>
         </div>
       </div>

web/src/components/UserAvatar.tsx

-import { MEMOS_LOGO_URL } from "../helpers/consts";
-
 interface Props {
   avatarUrl?: string;
   className?: string;
@@ -9,7 +7,7 @@ const UserAvatar = (props: Props) => {
   const { avatarUrl, className } = props;
   return (
     <div className={`${className ?? ""} w-8 h-8 rounded-full bg-gray-100 dark:bg-zinc-800`}>
-      <img className="w-full h-auto min-w-full min-h-full object-cover" src={avatarUrl || MEMOS_LOGO_URL} alt="" />
+      <img className="w-full h-auto min-w-full min-h-full object-cover" src={avatarUrl || "/logo.png"} alt="" />
     </div>
   );
 };

web/src/helpers/consts.ts

@@ -18,5 +18,3 @@ export const TAB_SPACE_WIDTH = 2;
 
 // default fetch memo amount
 export const DEFAULT_MEMO_LIMIT = 20;
-
-export const MEMOS_LOGO_URL = "https://usememos.com/logo.png";

web/src/less/auth.less

@@ -11,14 +11,14 @@
         @apply flex flex-col justify-start items-start w-full mb-4;
 
         > .title-container {
-          @apply w-full flex flex-row justify-start items-center;
+          @apply w-full flex flex-row justify-start items-center mb-2;
 
           > .logo-img {
-            @apply h-16 w-auto mr-2;
+            @apply h-14 w-auto mr-1;
           }
 
           > .logo-text {
-            @apply text-5xl tracking-wide text-black opacity-80 dark:text-gray-200;
+            @apply text-6xl tracking-wide text-black opacity-80 dark:text-gray-200;
           }
         }
 

web/src/less/memo-editor.less

@@ -138,10 +138,6 @@
 
       > .confirm-btn {
         @apply border-none select-none rounded flex flex-row justify-center items-center shadow cursor-pointer px-3 py-0 leading-8 bg-green-600 text-white text-sm hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60;
-
-        > .icon-img {
-          @apply ml-1 w-6 h-auto;
-        }
       }
     }
   }