finished applying styles to main boxes in home page and update navbar

PiotrTyrakowski · Sep 28, 2024 · befe035 · befe035
1 parent ab41a35
commit befe035
Showing 1 changed file with 7 additions and 11 deletions.
diff --git a/parent_app/src/app/page.tsx b/parent_app/src/app/page.tsx
@@ -45,11 +45,11 @@ const HomePage = () => {
 
         {/* Recommended Article Section */}
         <a className="col-span-1 bg-white rounded-[1rem] shadow-md flex flex-col items-center h-[12rem] justify-between" href={"https://centrumrespo.pl/dzieci/dieta-dla-dzieci-jadlospis/"}>
-          <p className="text-xl text-black border-b-2 w-full p-2 pl-4">Dzienna Porada</p>
+          <p className="text-xl text-black border-b-2 w-full p-2 pl-4">Przykładowa dieta</p>
 
           <div className="flex flex-col items-center justify-center flex-1">
             <span className="text-[4.5rem] leading-none">🥗</span>
-            <p className="text-center text-black mt-2">Przykładowa dieta</p>
+            <p className="text-center text-black mt-2"></p>
           </div>
         </a>
 
@@ -77,20 +77,16 @@ const HomePage = () => {
 
 
 
-      </div>
+      </div >
         {/* Bottom Navigation */}
-        <div className="sticky bottom-0 left-0 right-0 bg-white py-4 flex justify-around border-none">
-          <a className="text-center text-pink-500">
-            <span className="block">🏠</span>
-            <span className="text-xs">Home</span>
-          </a>
+        <div className="sticky bottom-0 left-0 right-0 bg-white py-4 flex justify-around border border-gray-400 ">
           <a className="text-center text-pink-500">
-            <span className="block">🏠</span>
+            <span className="block text-[2rem]">🏠</span>
             <span className="text-xs">Home</span>
           </a>
           <a className="text-center text-pink-500">
-            <span className="block">🛍️</span>
-            <span className="text-xs">Products</span>
+            <span className="block text-[2rem]">📅️</span>
+            <span className="text-xs">Poop history</span>
           </a>
         </div>
       </div>