From e72f00a731d7378405e4a04f019db06aa68aa4d5 Mon Sep 17 00:00:00 2001
From: atrincas <atrincas@gmail.com>
Date: Thu, 19 Dec 2024 13:58:23 +0100
Subject: [PATCH] refactor tailwind config

---
 client/src/containers/overview/table/toolbar/index.tsx | 6 +++---
 client/tailwind.config.ts                              | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/src/containers/overview/table/toolbar/index.tsx b/client/src/containers/overview/table/toolbar/index.tsx
index e8b930ca..9ab8bbf9 100644
--- a/client/src/containers/overview/table/toolbar/index.tsx
+++ b/client/src/containers/overview/table/toolbar/index.tsx
@@ -218,15 +218,15 @@ export default function ToolbarProjectsTable() {
                           Each metric can go from a scale from low to high:
                         </p>
                         <div className="!mt-4 grid grid-cols-3 gap-2 text-center">
-                          <div className="height[fit-content] rounded-md bg-ramps-red p-2 text-sky-blue-950">
+                          <div className="h-fit rounded-md bg-ramps-red p-2 text-sky-blue-950">
                             <div className="font-medium">Low</div>
                             <div className="text-sm">Description of low</div>
                           </div>
-                          <div className="height[fit-content] rounded-md bg-ramps-yellow p-2 text-sky-blue-950">
+                          <div className="h-fit rounded-md bg-ramps-yellow p-2 text-sky-blue-950">
                             <div className="font-medium">Medium</div>
                             <div className="text-sm">Description</div>
                           </div>
-                          <div className="height[fit-content] rounded-md bg-ramps-green p-2 text-sky-blue-950">
+                          <div className="h-fit rounded-md bg-ramps-green p-2 text-sky-blue-950">
                             <div className="font-medium">High</div>
                             <div className="text-sm">Description</div>
                           </div>
diff --git a/client/tailwind.config.ts b/client/tailwind.config.ts
index 48ebbdf4..64b9dd1d 100644
--- a/client/tailwind.config.ts
+++ b/client/tailwind.config.ts
@@ -96,9 +96,11 @@ const config: Config = {
           500: "#EACD3F",
         },
         green: "#90BA36",
-        "ramps-green": "#A4B591",
-        "ramps-yellow": "#F5EBB8",
-        "ramps-red": "#F7BA93",
+        ramps: {
+          green: "#A4B591",
+          yellow: "#F5EBB8",
+          red: "#F7BA93",
+        },
         "deep-ocean": "#132A47",
       },
       borderRadius: {