footer arrow style was modified.

UCF · Jun 5, 2024 · afa8ed5 · afa8ed5
1 parent 0e4e6a1
commit afa8ed5
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 21 deletions.
diff --git a/public/img/TabLockup_logo.png b/public/img/TabLockup_logo.png
diff --git a/src/App.scss b/src/App.scss
@@ -8,7 +8,7 @@
 
   .mapboxgl-map {
     margin-top: 110px;
-    min-height: calc(100dvh - 311px);
+    min-height: calc(100dvh - 230px);
   }
 }
 
@@ -17,7 +17,7 @@
 }
 
 .footer {
-  background: #3e3e3e;
+  background: #000;
   color: #fff;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 12px;
@@ -30,9 +30,9 @@
 
   .title-link {
     color: #fff;
-    font-size: 24px;
+    font-size: 16px;
     font-weight: 400;
-    letter-spacing: 2px;
+    letter-spacing: 1px;
     text-decoration: none;
     text-transform: uppercase;
   }
@@ -50,11 +50,15 @@
   position: fixed !important;
 }
 
-@media screen and (min-width: 1255px) {
+@media screen and (min-width: 768px) {
   .map-container {
     .mapboxgl-map {
       margin-top: 120px;
-      min-height: calc(110dvh - 311px);
+      min-height: calc(100dvh - 230px);
     }
   }
 }
+
+.footer-logo-map {
+  width:60% !important;
+}
diff --git a/src/App.tsx b/src/App.tsx
@@ -394,27 +394,22 @@ function App() {
         </Map>
       </div>
       <footer className='footer pt-3'>
-        <div className='container'>
-          <div className="row pt-2">
-            <div className="col-4 col-md-3 text-end">
-              <img className="pt-1" src="../img/ucf-logo.png" alt="pegasus logo" />
+          <div className="d-flex justify-content-center">
+            <div className="flex-shrink-0">
+              <img className='footer-logo-map' src="../img/ucf-logo.png" alt="pegasus logo" />
             </div>
-            <div className='col-8 col-md-9'>
-              <div className='title text-start pt-md-4'>
-                <a
-                  className='title-link'
-                  href='https://www.ucf.edu'>
-                  University of Central Florida
-                </a>
+            <div className="pt-sm-2">
+              <div className='text-start'>
+              <a className='title-link' href='https://www.ucf.edu'> University of Central Florida</a>
               </div>
               <div className='address text-start'>
-		            4000 Central Florida Blvd. Orlando, Florida, 32816 | <a className='text-white' href='tel:4078232000'>407.823.2000</a>
-              </div>
+                4000 Central Florida Blvd. Orlando, Florida, 32816 | 
+                <a className='text-white' href='tel:4078232000'> 407.823.2000</a>
+              </div>          
             </div>
           </div>
-        </div>
 
-        <div className='h1 mt-3 mt-md-0 mb-md-0'> &#65088;</div>
+        <div className='h3 mt-1 mt-md-0 mb-md-0'> &#65088;</div>
         <div className='ucf-footer-nav'>
           <NavigationMenu
             listItemClasses='nav-item my-2'