From 0f459f28e3480bad22ae052e56c173112a5041be Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Thu, 30 Nov 2023 23:00:06 +0800
Subject: [PATCH] fix: Fix RecentlyNotes component styling issue (develop)

---
 frontend/src/components/Navbar.tsx             | 2 +-
 frontend/src/components/RecentlyNotes.tsx      | 2 +-
 frontend/src/screens/HomeScreen/HomeScreen.tsx | 8 +++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index 5505e3a..937b717 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -36,7 +36,7 @@ const Navbar: React.FC<Props> = () => {
         {isHome && <div className="flex-1"></div>}
         {!isHome && (
           <Link to="/" className="flex flex-row items-center">
-            <img src="/public/icon-200x200.png" className="w-10 mr-2" alt="" />
+            <img src="/public/icon-200x200.png" className="w-10 mr-2 hover:animate-spin" alt="" />
             <span
               style={{ fontFamily: 'Major Mono Display' }}
               className="text-xl text-black dark:text-white">
diff --git a/frontend/src/components/RecentlyNotes.tsx b/frontend/src/components/RecentlyNotes.tsx
index 045b464..c94e160 100644
--- a/frontend/src/components/RecentlyNotes.tsx
+++ b/frontend/src/components/RecentlyNotes.tsx
@@ -17,7 +17,7 @@ const RecentlyNotes: React.FC = () => {
 
   return (
     <div className="flex flex-col items-center" style={{ minHeight: '200px' }}>
-      <h6 className="text-xs opacity-60 mb-2">RECENTLY MODIFIED</h6>
+      <h6 className="text-xs opacity-60 mb-2 select-none">RECENTLY MODIFIED</h6>
       <ul>
         {notes.map(note => (
           <li className="flex flex-col items-center" key={note.id}>
diff --git a/frontend/src/screens/HomeScreen/HomeScreen.tsx b/frontend/src/screens/HomeScreen/HomeScreen.tsx
index 0546b1f..eed89f2 100644
--- a/frontend/src/screens/HomeScreen/HomeScreen.tsx
+++ b/frontend/src/screens/HomeScreen/HomeScreen.tsx
@@ -13,9 +13,11 @@ const HomeScreen: React.FC = () => {
     <main className="flex flex-1">
       <div className="flex flex-col mt-28 sm:m-auto items-center w-full px-5 transition-all duration-150 max-w-xl">
         <div className="flex flex-col items-center">
-          <img src="/public/icon-200x200.png" className="w-28" alt="" />
-          <span style={{ fontFamily: 'Major Mono Display' }} className="text-sm mb-5">
-            vortex notes
+          <img src="/public/icon-200x200.png" className="w-28 cursor-pointer" alt="" />
+          <span
+            style={{ fontFamily: 'Major Mono Display' }}
+            className="text-sm mb-5 mt-1 select-none">
+            Vortexnotes
           </span>
         </div>
         <section className="relative mb-10 w-full border border-black border-opacity-20 dark:border-white dark:border-opacity-30 rounded-md">