Fix/ contact us svgs

Changelog.md

@@ -312,6 +312,12 @@ This project adheres to [Semantic Versioning](https://semver.org).
 
 - Copy paste /course-unions to /course-unions/unions
 
+
+## [1.0.0 - 25/11/03]
+
+### Fixed
+
+- Made the awards and grants table visible on mobile (fixed formatting issue)
 ---
 
 ## [1.0.0 - 25/09/07]

README.md

@@ -28,4 +28,3 @@ Aryan Aggarwal
 Shirley Zhang
 Stanley Pang
 Rashu Sharda
-Aryan Aggarwal

app/about/assu/page.tsx

@@ -70,7 +70,7 @@ export default function About() {
         <Divider margin="0" />
         <ContactInfoGrid />
         <Divider borderTopWidth="3px" margin="0" />
-        <MapSection title="" description="" className="py-0! mb-10" />
+        <MapSection title="" description="" className="!py-8" />
         <Divider borderTopWidth="3px" />
       </div>
     </div>

app/about/page.tsx

@@ -70,7 +70,7 @@ export default function About() {
         <Divider margin="0" />
         <ContactInfoGrid />
         <Divider borderTopWidth="3px" margin="0" />
-        <MapSection title="" description="" className="py-0! mb-10" />
+        <MapSection title="" description="" className="!py-8" />
         <Divider borderTopWidth="3px" />
       </div>
     </div>

app/contact-us/page.tsx

@@ -226,18 +226,20 @@ export default function ContactUs() {
         {/* Contact Information Section - 4 columns */}
         <div className="mb-8">
           <div className="grid grid-cols-1 md:grid-cols-4 gap-8 py-8">
-            {/* Column 1 - Three dots SVG and Contact Us */}
-            <div className="text-left">
-              <div className="mb-4 flex justify-start">
-                <Image
-                  src="/svg/hamburger-menu.svg"
-                  alt=""
-                  width={40}
-                  height={40}
-                  className="w-10 h-10 text-gray-darker"
-                />
+            {/* Column 1 - Contact Us */}
+            <div className="text-left flex flex-col justify-end h-full">
+              <div className="mb-4 flex justify-start gap-3">
+                <svg width="40" height="40" viewBox="0 0 40 40" className="text-pink">
+                  <circle cx="20" cy="20" r="18" fill="none" stroke="currentColor" strokeWidth="3" />
+                </svg>
+                <svg width="40" height="40" viewBox="0 0 40 40" className="text-pink">
+                  <circle cx="20" cy="20" r="20" fill="currentColor" />
+                </svg>
+                <svg width="40" height="40" viewBox="0 0 40 40" className="text-pink">
+                  <circle cx="20" cy="20" r="18" fill="none" stroke="currentColor" strokeWidth="3" />
+                </svg>
               </div>
-              <h3 className="text-base font-sans text-gray-darker font-semibold">Contact Us</h3>
+              <h3 className="text-3xl font-sans text-gray-darker font-semibold">Contact Us</h3>
             </div>
 
             {/* Column 2 - Address */}
@@ -274,7 +276,7 @@ export default function ContactUs() {
                         alt="LinkedIn"
                         width={24}
                         height={24}
-                        className="w-6 h-6 hover:opacity-75 transition-opacity"
+                        className="w-6 h-6 hover:opacity-75 transition-opacity brightness-0"
                       />
                     </a>
                     <a
@@ -288,7 +290,7 @@ export default function ContactUs() {
                         alt="Instagram"
                         width={24}
                         height={24}
-                        className="w-6 h-6 hover:opacity-75 transition-opacity"
+                        className="w-6 h-6 hover:opacity-75 transition-opacity brightness-0"
                       />
                     </a>
                   </div>

app/globals.css

@@ -280,4 +280,14 @@ body {
   .font-bitter {
     font-family: var(--font-bitter), serif !important;
   }
+
+  /* Hide scrollbar but keep functionality */
+  .scrollbar-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+  }
 }

app/layout.tsx

@@ -3,6 +3,7 @@ import { Questrial, Bitter } from "next/font/google";
 import "./globals.css";
 import Header from "@/components/layout/Header";
 import Footer from "@/components/layout/Footer";
+import "leaflet/dist/leaflet.css";
 
 const questrial = Questrial({
   weight: "400",

app/news/page.tsx

@@ -1,3 +1,3 @@
 export default function News() {
   return <div>News</div>;
-}
+}