Merge pull request #4 from Samvibhanshu/dev

PR 4 <3
AasaSingh05 · Oct 27, 2024 · 3f825e2 · 3f825e2
2 parents 83449e5 + 3fdb641
commit 3f825e2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
@@ -8,15 +8,15 @@ interface CardProps {
 
 const Card: React.FC<CardProps> = ({ title, location, time }) => {
   return (
-    <div className="bg-teal-200 p-4 rounded-lg shadow-md">
+    <div className="bg-[#28AFB0] p-4 rounded-lg shadow-md">
     <img
       src="/assets/aasa.png" 
-      alt={title}
+      alt={title}                  //background: #19647E;
       width={300} 
       height={100}
-      className="rounded-lg mb-4" // Optional: for styling
+      className="rounded-lg mb-4" 
     />
-      <h5 className="text-lg font-semibold">{title}</h5>
+      <h5 className="text-[#19647E] text-lg font-semibold">{title}</h5>
       <p className="text-sm">Found at: {location}</p>
       <p className="text-sm">Time: {time}</p>
     </div>

diff --git a/src/components/main.tsx b/src/components/main.tsx
@@ -44,11 +44,11 @@ const Main: React.FC = () => {
         <section className="mb-10">
           <h2 className="text-xl font-semibold mb-4">Recently found</h2>
           <div
-            className="container flex space-x-6 min-w-max overflow-x-scroll"
+            className="flex space-x-6 overflow-x-auto px-2 py-4 scroll-smooth"
             onWheel={handleScroll}  // Add scroll handler
           >
             {[...Array(5)].map((_, index) => (
-              <div key={index} className="w-72">
+              <div key={index} className="w-72 flex-shrink-0">
                 <Card
                   title="Product name"
                   location="Location"
@@ -63,11 +63,11 @@ const Main: React.FC = () => {
         <section>
           <h2 className="text-xl font-semibold mb-4">Recently lost</h2>
           <div
-            className="container flex space-x-6 min-w-max overflow-x-scroll"
+            className="flex space-x-6 overflow-x-auto px-2 py-4 scroll-smooth"
             onWheel={handleScroll}  // Add scroll handler
           >
             {[...Array(5)].map((_, index) => (
-              <div key={index} className="w-72">
+              <div key={index} className="w-72 flex-shrink-0">
                 <Card
                   title="Product name"
                   location="Lost by: Person"

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -9,6 +9,7 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
+        cardcol: '#28AFB0',
         background: "var(--background)",
         foreground: "var(--foreground)",
       },
@@ -17,3 +18,5 @@ const config: Config = {
   plugins: [],
 };
 export default config;
+
+