From b5dbd0893965e836c200ea85c2cea6f81d66f3b3 Mon Sep 17 00:00:00 2001
From: Elamathi Selvan <elamathis8060@gmail.com>
Date: Fri, 18 Oct 2024 22:50:13 +0530
Subject: [PATCH] Update tailwind.config.js

---
 frontend/tailwind.config.js | 37 +++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 0a6ea35..08a53a9 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -4,38 +4,39 @@ import { Testimonials } from './src/import-export/ImportExport';
 export default {
   content: [
     "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
+    "./src/**/*.{js,ts,jsx,tsx}",  // Ensure paths point to your project files
   ],
+
   theme: {
     extend: {
       keyframes: {
         stickyNavbar: {
           "0%": {
-            transform: "translateY(-40px)"
+            transform: "translateY(-40px)"  // Navbar initially above the view
           },
           "100%": {
-            transform: "translateY(0)"
+            transform: "translateY(0)"  // Navbar slides down into place
           }
         }
       },
       colors: {
-        dark_theme: "#113C49",
-        main_theme: "#03565A",
-        light_theme: "#B3DAD9",
-        pastel_blue: "#E3EFFC",
-        pastel_yellow: "#FDF1DB",
-        pastel_pink: "#FCEDF2",
-        cart_orange: "#FF8945",
-        text: "#ffffff",
-        text_grey: "#464646",
-        medicine_banner: "#162C2A",
-        testimonial_img_bg: "#579D93",
+        dark_theme: "#113C49",         // Custom dark theme color
+        main_theme: "#03565A",         // Primary color
+        light_theme: "#B3DAD9",        // Light theme color
+        pastel_blue: "#E3EFFC",        // Soft pastel blue
+        pastel_yellow: "#FDF1DB",      // Soft pastel yellow
+        pastel_pink: "#FCEDF2",        // Soft pastel pink
+        cart_orange: "#FF8945",        // Vibrant orange (possibly for cart-related UI elements)
+        text: "#ffffff",               // White text color
+        text_grey: "#464646",          // Grey text color
+        medicine_banner: "#162C2A",    // Dark banner for medicine section
+        testimonial_img_bg: "#579D93", // Background for testimonial images
+      },
+      height: {
+        heroHeight: "calc(100vh - 80px)"  // Example calculation for dynamic height
       },
-      // height:{
-      //   heroHeihgt:"calc"
-      // }
     },
   },
   plugins: [],
-}
+};