chore: update links reference (#1243)

web/.eslintrc.json

@@ -24,7 +24,8 @@
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": "error",
     "@typescript-eslint/no-explicit-any": ["off"],
-    "react/react-in-jsx-scope": "off"
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-no-target-blank": "off"
   },
   "settings": {
     "react": {

web/src/components/AboutSiteDialog.tsx

@@ -32,12 +32,7 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
         <div className="mt-4 flex flex-row text-sm justify-start items-center">
           <div className="flex flex-row justify-start items-center mr-2">
             Powered by
-            <a
-              href="https://usememos.com"
-              target="_blank"
-              rel="noreferrer"
-              className="flex flex-row justify-start items-center mr-1 hover:underline"
-            >
+            <a href="https://usememos.com" target="_blank" className="flex flex-row justify-start items-center mr-1 hover:underline">
               <img className="w-6 h-auto" src="/logo.png" alt="" />
               memos
             </a>
@@ -50,7 +45,6 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
           <a
             href="https://github.com/boojack/sticky-notes"
             target="_blank"
-            rel="noreferrer"
             className="flex items-center underline text-blue-600 hover:opacity-80"
           >
             <img

web/src/components/CreateResourceDialog.tsx

@@ -165,7 +165,7 @@ const CreateResourceDialog: React.FC<Props> = (props: Props) => {
 
         {state.selectedMode === "local-file" && (
           <>
-            <div className="w-full relative bg-blue-50 rounded-md flex flex-row justify-center items-center py-8">
+            <div className="w-full relative bg-blue-50 dark:bg-zinc-900 rounded-md flex flex-row justify-center items-center py-8">
               <label htmlFor="files" className="p-2 px-4 text-sm text-white cursor-pointer bg-blue-500 block rounded hover:opacity-80">
                 Choose a file...
               </label>

web/src/components/CreateStorageServiceDialog.tsx

@@ -101,7 +101,6 @@ const CreateStorageServiceDialog: React.FC<Props> = (props: Props) => {
             className="ml-2 text-sm text-blue-600 hover:opacity-80 hover:underline"
             href="https://usememos.com/docs/storage"
             target="_blank"
-            rel="noreferrer"
           >
             Learn more
             <Icon.ExternalLink className="inline -mt-1 ml-1 w-4 h-auto opacity-80" />

web/src/components/GitHubBadge.tsx

@@ -16,7 +16,6 @@ const GitHubBadge = () => {
       className="h-7 flex flex-row justify-start items-center border dark:border-zinc-600 rounded cursor-pointer hover:opacity-80"
       href="https://github.com/usememos/memos"
       target="_blank"
-      rel="noreferrer"
     >
       <div className="apply w-auto h-full px-2 flex flex-row justify-center items-center text-xs bg-gray-100 dark:bg-zinc-700">
         <Icon.Github className="mr-1 w-4 h-4" />

web/src/components/Memo.tsx

@@ -209,7 +209,7 @@ const Memo: React.FC<Props> = (props: Props) => {
             </span>
           </Tooltip>
           {isVisitorMode && (
-            <a className="ml-2 opacity-60 text-sm" href={`/u/${memo.creatorId}`}>
+            <a className="name-text" href={`/u/${memo.creatorId}`}>
               @{memo.creatorName}
             </a>
           )}

web/src/components/UpdateVersionBanner.tsx

@@ -48,7 +48,6 @@ const UpdateVersionBanner: React.FC = () => {
         className="flex flex-row items-center justify-center hover:underline"
         target="_blank"
         href="https://github.com/usememos/memos/releases"
-        rel="noreferrer"
       >
         <Icon.ArrowUpCircle className="w-5 h-auto mr-2" />
         New Update <span className="ml-1 font-bold">{state.latestVersion}</span>

web/src/labs/marked/parser/Link.tsx

@@ -15,7 +15,7 @@ const renderer = (rawStr: string) => {
   }
   const parsedContent = marked(matchResult[1], [], [InlineCode, BoldEmphasis, Emphasis, Bold, PlainText]);
   return (
-    <a className="link" target="_blank" rel="noreferrer" href={matchResult[2]}>
+    <a className="link" target="_blank" href={matchResult[2]}>
       {parsedContent}
     </a>
   );

web/src/labs/marked/parser/PlainLink.tsx

@@ -9,7 +9,7 @@ const renderer = (rawStr: string) => {
   }
 
   return (
-    <a className="link" target="_blank" rel="noreferrer" href={matchResult[1]}>
+    <a className="link" target="_blank" href={matchResult[1]}>
       {matchResult[1]}
     </a>
   );

web/src/less/home.less

@@ -13,7 +13,7 @@
     }
 
     > .memos-wrapper {
-      @apply relative flex-grow max-w-2xl w-full h-auto flex flex-col justify-start items-start px-2 sm:pt-4;
+      @apply relative flex-grow max-w-2xl w-full h-auto flex flex-col justify-start items-start px-4 sm:px-2 sm:pt-4;
 
       > .memos-editor-wrapper {
         @apply w-full h-auto flex flex-col justify-start items-start bg-zinc-100 dark:bg-zinc-800 rounded-lg;

web/src/less/memo.less

@@ -26,12 +26,15 @@
       @apply flex flex-row justify-start items-center;
 
       > .time-text {
-        @apply text-xs text-gray-400;
-        font-size: 13px;
+        @apply text-sm text-gray-400;
+      }
+
+      > .name-text {
+        @apply ml-1 text-sm text-gray-400 cursor-pointer hover:opacity-80;
       }
 
       > .status-text {
-        @apply text-xs cursor-pointer ml-2 rounded border px-1;
+        @apply text-sm cursor-pointer ml-2 rounded border px-1;
 
         &.public {
           @apply border-green-600 text-green-600;
@@ -54,7 +57,7 @@
         @apply hidden flex-col justify-start items-center absolute top-2 -right-4 flex-nowrap hover:flex p-3;
 
         > .more-action-btns-container {
-          @apply w-auto h-auto p-1 z-1 whitespace-nowrap rounded-lg bg-white dark:bg-zinc-700;
+          @apply w-auto h-auto p-1 z-1 whitespace-nowrap rounded-lg bg-white dark:bg-zinc-800;
           box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
 
           > .btns-container {
@@ -106,7 +109,7 @@
       }
 
       .final-confirm {
-          color: red
+        color: red;
       }
     }
   }

web/src/pages/Explore.tsx

@@ -105,10 +105,9 @@ const Explore = () => {
         </div>
         <div className="flex flex-row justify-end items-center">
           <a
-            className="flex flex-row justify-center items-center h-12 w-12 border rounded-full hover:opacity-80 hover:shadow dark:text-white "
+            className="flex flex-row justify-center items-center h-12 w-12 border rounded-full hover:opacity-80 hover:shadow dark:text-white dark:border-gray-400"
             href="/explore/rss.xml"
             target="_blank"
-            rel="noreferrer"
           >
             <Icon.Rss className="w-7 h-auto opacity-60" />
           </a>