From 5ff2e7236a6bfba0ce9704df8f0d268645a570d2 Mon Sep 17 00:00:00 2001
From: browntj16 <browntj16@uww.edu>
Date: Wed, 1 May 2024 14:19:58 -0500
Subject: [PATCH] Made non-ready cards horizontal

---
 src/App.tsx   |  6 +++++-
 src/index.css | 12 ++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index cfcb4af..2218a14 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -104,9 +104,13 @@ function CardComponentOnBoard({
   children?: ReactNode;
   setHover: any
 }) {
+  let className = "card_shape_not_ready overflow-hidden";
+  if(card.getIsReady()){
+    className = "card_shape overflow-hidden";
+  }
   return (
     <button>
-    <div className="card_shape overflow-auto" onMouseOver={()=> {
+    <div className={className} onMouseOver={()=> {
       setHover(card);
     }}>
       <div className="flex aspect-16/9">
diff --git a/src/index.css b/src/index.css
index 41ca079..8646828 100644
--- a/src/index.css
+++ b/src/index.css
@@ -81,7 +81,7 @@
 }
 
 .card_shape {
-  overflow: auto;
+  overflow: hidden;
   flex-direction: column;
   border-radius: 0.5rem;
   border-width: 3px;
@@ -89,7 +89,15 @@
   width: 100px;
   height: 150px;
 }
-
+.card_shape_not_ready {
+  overflow: hidden;
+  flex-direction: column;
+  border-radius: 0.5rem;
+  border-width: 3px;
+  border-color: black;
+  width: 150px;
+  height: 100px;
+}
 .hover_card_shape {
   overflow: auto;
   flex-direction: column;