fix: Fix RecentlyNotes component styling issue (develop)

kangfenmao · Nov 30, 2023 · 0f459f2 · 0f459f2
1 parent ebb7606
commit 0f459f2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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">