Merge pull request #28 from Kartikey2011yadav/navbar-fiax-and-element…

…-of-suprise

Navbar fiax and element of suprise

README.md

@@ -47,3 +47,35 @@ Dark Mode:
 ```
   dark:bg-red-400
 ```
+
+Day 1 of redemption ark
+Day 2 of redemption ark
+Day 3 of redemption ark
+Day 4 of redemption ark
+Day 5 of redemption ark
+Day 6 of redemption ark
+Day 7 of redemption ark
+Day 8 of redemption ark
+Day 9 of redemption ark
+Day 10 of redemption ark
+Day 11 of redemption ark
+Day 12 of redemption ark
+Day 13 of redemption ark
+Day 14 of redemption ark
+Day 15 of redemption ark
+Day 16 of redemption ark
+Day 17 of redemption ark
+Day 18 of redemption ark
+Day 19 of redemption ark
+Day 20 of redemption ark
+Day 21 of redemption ark
+Day 22 of redemption ark
+Day 23 of redemption ark
+Day 24 of redemption ark
+Day 25 of redemption ark
+Day 26 of redemption ark
+Day 27 of redemption ark
+Day 28 of redemption ark
+Day 29 of redemption ark
+Day 30 of redemption ark
+Day 31 of redemption ark

src/Sidebar/Sidebar.jsx

@@ -55,7 +55,7 @@ const Sidebar = () => {
 
   return (
     <div
-      className={` dark:bg-black bg-zinc-200 min-h-screen ${open ? 'w-55' : 'w-16'} duration-500 text-gray-100 px-4 flex flex-col`}
+      className={` flex dark:bg-black bg-zinc-200 flex-col min-h-screen ${open ? 'w-55' : 'w-16'} duration-500 text-gray-100 px-4`}
     >
       <div className=" items-end fixed">
         <div className={`py-3 flex  ${open ? 'justify-end' : 'justify-start pl-2'}`}>
@@ -108,7 +108,6 @@ const Sidebar = () => {
           ))}
         </div>
       </div>
-
       <div
         className={` fixed bottom-3 ${open ? 'w-50' : 'w-10'}`}
         style={{
@@ -141,6 +140,11 @@ const Sidebar = () => {
           </h2>
         </Link>
       </div>
+      <div className="">
+        <div
+          className={`fixed h-15 -z-1 bottom-0 left-0 dark:bg-black bg-white ${open ? 'w-55' : 'w-16'} duration-500`}
+        />
+      </div>
       <AlertModal
         isOpen={modalOpen}
         onClose={closeModal}