implement new styling

BramDecuypere · Aug 16, 2024 · b7405d7 · b7405d7
1 parent 419b79c
commit b7405d7
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/client/main.html b/client/main.html
@@ -4,7 +4,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link
-    href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,500;0,700;1,700&display=swap"
+    href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,500;0,700;1,700;0,900&display=swap"
     rel="stylesheet"
   />
 

diff --git a/constants/navigation.ts b/constants/navigation.ts
@@ -22,7 +22,7 @@ export const navigation = [
   },
   {
     id: "seasonal",
-    name: "Seasonal Fruits & Vegetables",
+    name: "Seasonal Fruits & Vegies",
     href: "/seasonal-fruits-and-vegetables",
     icon: SunIcon,
     current: false,

diff --git a/imports/ui/atoms/Logo.tsx b/imports/ui/atoms/Logo.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 const Logo = () => {
-  return <div>FOODFLOW</div>;
+  return <div className="font-extrabold">FOODFLOW</div>;
 };
 
 export default Logo;
diff --git a/imports/ui/atoms/TextToggle.tsx b/imports/ui/atoms/TextToggle.tsx
@@ -20,7 +20,7 @@ const TextToggle = ({
             onClick={() => onClick(val)}
             key={idx}
             className={cn("py-2 px-6 rounded-full text-center", {
-              "bg-primary text-white": selected === val,
+              "bg-primary text-white font-bold": selected === val,
               "text-primary": selected !== val,
             })}
           >

diff --git a/imports/ui/molecules/recipe-list-item.tsx b/imports/ui/molecules/recipe-list-item.tsx
@@ -118,7 +118,7 @@ const RecipeListItem = ({
   return (
     <div
       className={cn(
-        "flex flex-col rounded-3xl border-gray-200 border text-black h-full font-bold",
+        "flex flex-col rounded-3xl border-gray-200 border text-black h-full",
         className
       )}
     >
@@ -166,7 +166,7 @@ const RecipeListItem = ({
       <div className="flex flex-col flex-grow p-3">
         <div>
           <div className="flex">
-            <span className="flex items-center text-xs pb-3 pr-2">
+            <span className="flex items-center text-xs font-bold pb-3 pr-2">
               <ClockIcon className="h-3 text-primary pr-1" />
               {!loading ? (
                 <span>
@@ -177,7 +177,7 @@ const RecipeListItem = ({
                 <TextSkeleton className="w-20" />
               )}
             </span>
-            <span className="flex items-center text-xs pb-3 pr-2">
+            <span className="flex items-center text-sm pb-3 pr-2">
               <UserIcon className="h-3 text-primary pr-1" />
               {!loading ? (
                 <span>{recipe.food.servings}</span>

diff --git a/imports/ui/organisms/dashboard-nav.tsx b/imports/ui/organisms/dashboard-nav.tsx
@@ -22,7 +22,7 @@ const StaticSidebar = () => {
                 className={({ isActive }) =>
                   cx(
                     isActive
-                      ? "bg-primary bg-opacity-5 text-gray-900"
+                      ? "bg-primary bg-opacity-5 font-bold text-gray-900"
                       : "text-gray-600 hover:bg-gray-50 hover:text-gray-900",
                     "group flex items-center px-2 py-2 text-sm rounded-md"
                   )