Merge pull request #7 from Disguised-Coffee/developmentBranch because…

… of a formatting issue Fixed a few formatting issues
Disguised-Coffee · Jul 26, 2024 · 97a5eb2 · 97a5eb2
2 parents f11c6a2 + c933dd8
commit 97a5eb2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/cards.jsx b/src/components/cards.jsx
@@ -104,8 +104,8 @@ const Card =
             <div className="text-white [text-shadow:_2px_2px_0px_#000000] absolute top-0 right-0 bottom-0 left-0 p-4 z-[1] flex items-center justify-center flex-col">
                 {/* Title of project */}
                 <h2
-                    className={`text-white font-bold m-0 
-                                text-[1.7rem] w-[100%] text-center ${(title == "OPPA STOPPA") ? "oppaStoppa" : ""}`}>
+                    className={`text-white font-bold m-0 leading-[2rem] 
+                                text-[1.5rem] w-[100%] text-center ${(title == "OPPA STOPPA") ? "oppaStoppa" : ""}`}>
                     {title}
                 </h2>
                 {/* designation name []*/}

diff --git a/src/components/overlay.jsx b/src/components/overlay.jsx
@@ -88,9 +88,9 @@ const Overlay = forwardRef(
                 <div className="overlayContainer">
                     {/* top bar thing for inner overlay*/}
                     <div className="bg-main text-center text-white italic h-[1.2rem] text-[0.8rem]">
-                        {"click outside to close"}
+                        {"press 'escape' or click outside to close"}
                     </div>
-                    <div className="innerOverlay w-[100vw] xl:w-[70vw]">
+                    <div className="innerOverlay w-[100vw] xl:w-[80vw]">
                         <OverlayContent index={i} />
                     </div>
                     {/* bottom bar thing */}
@@ -110,7 +110,7 @@ function OverlayContent(props) {
                     <div className="w-1/2">
                         {/* header */}
                         <div className="font-[Lato]">
-                            <h1 className="text-[3.5rem] italic leading-[4rem] pb-[1rem]">{data[props.index].name}</h1>
+                            <h1 className="text-[3.5rem] italic leading-[3rem] pb-[1.5rem]">{data[props.index].name}</h1>
                             <h2 className="text-[1.2rem] mt-[-1.1rem] font-semibold" /*ref={refTest}*/>
                                 {((!data[props.index].date.end && data[props.index].date.ongoing) ? (`${data[props.index].date.begin} - Now`) // single date that is ongoing
                                     : (!data[props.index].date.end && !data[props.index].date.ongoing) ? (`${data[props.index].date.begin}`)