Minor styling adjustments

hack4impact-calpoly · Feb 17, 2025 · aae0dc2 · aae0dc2
1 parent d7ddf07
commit aae0dc2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 24 deletions.
diff --git a/src/components/POICardList.module.css b/src/components/POICardList.module.css
@@ -21,7 +21,7 @@
   align-self: stretch;
   color: #333;
   text-align: center;
-  font-family: "Stevie Sans";
+  font-family: sans-serif;
   font-size: 22.145px;
   font-style: normal;
   font-weight: 600;
@@ -33,7 +33,7 @@
   align-self: stretch;
   color: #757575;
   text-align: center;
-  font-family: "Stevie Sans";
+  font-family: sans-serif;
   font-size: 16.105px;
   font-style: normal;
   font-weight: 550;
@@ -89,17 +89,6 @@
   background-color: transparent; /* Ensure background is transparent when not checked */
 }
 
-.cardtbd {
-  background: #f8f6f3;
-  border-radius: 16px; /* Rounded corners */
-  overflow: hidden; /* Ensures image and content stay inside the card */
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow */
-  width: 100%;
-  max-width: 400px;
-  font-family: Arial, sans-serif;
-  margin: 1em 1.5em 0 0;
-}
-
 .topProgress {
   display: flex;
   width: 370.07px;
@@ -116,7 +105,7 @@
   position: absolute;
   right: -2.764px;
   color: #333;
-  font-family: "Stevie Sans";
+  font-family: sans-serif;
   font-size: 14.656px;
   font-style: normal;
   font-weight: 550;
@@ -125,7 +114,7 @@
 .textInnerProgress {
   color: #d29561;
   text-align: center;
-  font-family: "Stevie Sans";
+  font-family: sans-serif;
   font-size: 14.656px;
   font-style: normal;
   font-weight: 550;

diff --git a/src/components/POICardList.tsx b/src/components/POICardList.tsx
@@ -19,7 +19,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "2",
@@ -40,7 +40,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "4",
@@ -61,7 +61,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "6",
@@ -72,7 +72,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "7",
@@ -94,7 +94,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "9",
@@ -115,7 +115,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "11",
@@ -137,7 +137,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "13",
@@ -157,7 +157,7 @@ export default function POICardList() {
       duration: "1:00",
       imageUrl:
         "https://images.unsplash.com/uploads/141148589884100082977/a816dbd7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-      isComplete: true,
+      isComplete: false,
     },
     {
       _id: "15",
@@ -205,7 +205,7 @@ export default function POICardList() {
       <div className={styles.base}>
         <div className={styles.topProgress}>
           <div className="text-black">
-            Visited Spots: <span className="text-orange-400"> {cardsDone + " / " + data.length}</span>
+            Visited Spots: <span className="text-orange-400"> {cardsDone + "/" + data.length}</span>
           </div>
           <Progress value={(cardsDone / data.length) * 100} colorPalette="orange" />
         </div>