Changed some conflicting styles and added overlay image in the local …

…directory
nepalcodes · Jul 21, 2024 · 208fad1 · 208fad1
1 parent ecf2ce4
commit 208fad1
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 3 deletions.
diff --git a/nepalingo-web/src/assets/CardOverlay.jpg b/nepalingo-web/src/assets/CardOverlay.jpg
diff --git a/nepalingo-web/src/components/ActivityCard.tsx b/nepalingo-web/src/components/ActivityCard.tsx
@@ -22,7 +22,7 @@ const ActivityCard: React.FC<ActivityCardProps> = ({
   };
 
   return (
-    <div className="flex-1 aspect-w-16 aspect-h-9 relative daily-quiz-card text-white p-4 sm:p-6 md:p-8 rounded-lg flex flex-col justify-end pb-5 overflow-hidden">
+    <div className="relative daily-quiz-card text-white p-4 sm:p-6 md:p-8 rounded-lg flex flex-col justify-end h-[180px] sm:h-[200px] md:h-[220px] pb-5 overflow-hidden">
       <img
         src={backgroundImageUrl}
         alt="Background"
@@ -46,3 +46,4 @@ const ActivityCard: React.FC<ActivityCardProps> = ({
 };
 
 export default ActivityCard;
+
diff --git a/nepalingo-web/src/pages/Home.tsx b/nepalingo-web/src/pages/Home.tsx
@@ -44,7 +44,7 @@ const Home: React.FC = () => {
         </div>
         <div className="mb-5 pt-5">
           <ActivityCard 
-            backgroundImageUrl="https://t4.ftcdn.net/jpg/06/28/27/29/360_F_628272989_krphWxzqARpTZ20wOBU0YeH2Ecf7iCtI.jpg"
+            backgroundImageUrl="src\assets\CardOverlay.jpg"
             quizYourselfText="QUIZ YOURSELF"
             descriptionText=" Taking Quiz is a better and fun way for learning"
             buttonText="Start Quiz"

diff --git a/nepalingo-web/tailwind.config.ts b/nepalingo-web/tailwind.config.ts
@@ -18,7 +18,6 @@ const config: Config = {
     },
   },
   plugins: [
-    require('@tailwindcss/aspect-ratio'),
   ],
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,7 +18,6 @@ const config: Config = { @@
         },
       },
       plugins: [
-        require('@tailwindcss/aspect-ratio'),
       ],
     };
@@ Expand Down @@