visits slide fix

cornell-dti · Dec 19, 2024 · b40ea24 · b40ea24
1 parent 673f827
commit b40ea24
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 29 deletions.
diff --git a/src/components/includes/Wrapped.tsx b/src/components/includes/Wrapped.tsx
@@ -515,7 +515,7 @@ const Wrapped= (props: Props): JSX.Element => {
                         YOU WORKED SO HARD THIS YEAR!
                     </div>
                     <div className="visit mid-text">
-                        <Typography variant="h3" style={{ fontWeight: 700 }}>
+                        <Typography variant="h3" style={{ fontSize: "27px" }} > 
                             WITH...
                         </Typography>
                     </div>
@@ -535,7 +535,7 @@ const Wrapped= (props: Props): JSX.Element => {
                     <div 
                         className="visit bottom-text"
                     >
-                        <Typography variant="h3"> 
+                        <Typography variant="h3" style={{ fontSize: "27px" , width: "189px" }}> 
                             {wrappedData.numVisits === 1 ? "VISIT " : "VISITS " }
                             TO OFFICE HOURS
                         </Typography>
@@ -781,7 +781,7 @@ const Wrapped= (props: Props): JSX.Element => {
                     style={{ position: "absolute", top: "0.2rem", right: "0.2rem", color: "#FFFFFF" }}
                     onClick={props.onClose}
                 >
-                    <CloseIcon />
+                    <CloseIcon style={{ fontSize: "larger" }} />
                 </IconButton>
             </div>
         </div>

diff --git a/src/styles/Wrapped.scss b/src/styles/Wrapped.scss
@@ -142,15 +142,15 @@
 
   &.mid-text{
     position:absolute;
-    top: 6.7rem;
-    left: -18.67rem;
+    top: 7.7rem;
+    left: -20.2rem;
     font-size: 27px;
   }
 
   &.num-visits{
     position: absolute;
-    bottom: 13rem;
-    left: 121px;
+    top: 260px;
+    left: 140px;
     font-size: 297px;
     width: 336px;
     color: #FFA3A3;
@@ -160,23 +160,22 @@
   &.couple{
     width: 166px; 
     position: absolute; 
-    right: 11rem;
+    right: 9rem;
     bottom: 12rem;
   }
 
   &.girl{
     width: 68px;
     position: absolute;
-    right: 6rem;
+    right: 7rem;
     bottom: 9rem;
   }
 
   &.bottom-text{
     position: absolute;
-    bottom: 5rem;
-    right: 4rem;
+    left: 527px;
+    top: 320px;
     font-weight: bold;
-    width: 300px;
     text-align: left;
   }
 }
@@ -186,8 +185,8 @@
     position: absolute;
     top: 3rem;
     left: 3rem;
-    font-size: 35px;
-    font-weight: bold;
+    font-weight: 500;
+    font-size: 27px;
   }
 
   &.nums-container{
@@ -211,7 +210,8 @@
     position: absolute;
     bottom: 7.5rem;
     right: 3rem;
-    font-size: 35px;
+    font-weight: 500;
+    font-size: 27px;
     text-align: right;
     font-weight: bold;
     width: 300px;
@@ -221,7 +221,8 @@
     position: absolute;
     bottom: 5rem;
     right: 3rem;
-    font-size: 35px;
+    font-weight: 500;
+    font-size: 27px;
     text-align: right;
     font-weight: bold;
     width: 300px;
@@ -246,7 +247,8 @@
     align-items: baseline;
   }
   &.text{
-    font-weight: bold;
+    font-weight: 500;
+    font-size: 27px;
     margin-bottom: 2rem;
     line-height: 2.5rem;
     text-align: left;
@@ -255,6 +257,7 @@
   &.personalityType {
     font-family: "Roboto";
     font-weight: 700;
+    font-size: 35px;
     color: #080680;
     text-transform: uppercase;
   }
@@ -280,8 +283,8 @@
   }
 
   &.top-text{
-    font-weight: bold;
-    font-size: 35px;
+    font-weight: 500;
+    font-size: 27px;
     margin-bottom: 2rem;
     line-height: 2.5rem;
     text-align: left;
@@ -290,6 +293,7 @@
   &.taName {
     font-family: "Roboto";
     font-weight: 700;
+    font-size: 35px;
     color: #080680;
     text-transform: uppercase;
     text-align: left;
@@ -314,18 +318,19 @@
 
   &.top-text{
     position: absolute;
-    top: 3rem;
-    left: 3rem;
-    font-size: 30px;
+    top: 3.5rem;
+    left: 2.7rem;
+    font-size: 35px;
+    font-weight: 600;
     color: #080680;
   }
 
   &.mid-text{
     position: absolute;
     top: 9rem;
     left:3rem;
-    font-weight: 700;
-    font-size: 29px;
+    font-weight: 500;
+    font-size: 27px;
   }
   &.num{
     position: absolute;
@@ -349,8 +354,8 @@
     position: absolute;
     top: 26rem;
     right: 2rem;
-    font-weight: 700;
-    font-size: 29px;
+    font-weight: 500;
+    font-size: 27px;
     width: 414px;
     text-align: right;
   }
@@ -361,7 +366,7 @@
     position: absolute;
     top: 3.5rem;
     left: 3.5rem;
-    font-weight: bold;
+    font-weight: 500;
     font-size: 27px;
   }
   &.num{
@@ -377,7 +382,7 @@
     position: absolute;
     bottom: 7.5rem;
     right: 5rem;
-    font-weight: bold;
+    font-weight: 500;
     font-size: 27px;
     text-align: right;
     width: 300px;
@@ -507,7 +512,7 @@
     font-size: 35px;
   }
   &.center-text {
-    font-weight: bold;
+    font-weight: 500;
     width: 279px;
     height: 71px;
     position: absolute;