Merge pull request #53 from UTDNebula/style-tweaks

Style tweaks
UTDNebula · May 4, 2024 · fb84d07 · fb84d07
2 parents 1140adf + 146d9d3
commit fb84d07
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 89 deletions.
diff --git a/public/planner_card.svg b/public/planner_card.svg
diff --git a/src/components/Governance.tsx b/src/components/Governance.tsx
@@ -52,9 +52,9 @@ const LeadershipCard = (props: Person) => {
 
 const LeadershipGroup = (props: PopulatedGoveranceGroup) => {
   return (
-    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
-      <h2 className="text-5xl font-bold pb-4 text-center">{props.name}</h2>
-      <p className="text-3xl pb-4">{props.description}</p>
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-col items-center gap-12">
+      <h2 className="text-5xl font-bold text-center">{props.name}</h2>
+      <p className="text-3xl">{props.description}</p>
       <div className="flex flex-wrap justify-center gap-16">
         {props.people.map((person) => (
           <LeadershipCard {...person} key={person.role} />

diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
@@ -1,6 +1,7 @@
 import ArrowButton from '@/../public/testimonials/arrow-button.svg';
 import { createRef, useEffect, useState } from 'react';
-import Image, { StaticImageData } from 'next/image';
+import Image from 'next/image';
+import type { StaticImageData } from 'next/image';
 import Carousel from './Carousel';
 import Planner from '@/../public/projects/planner.png';
 import Skedge from '@/../public/projects/skedge.png';

diff --git a/src/components/WhoWeAre.tsx b/src/components/WhoWeAre.tsx
@@ -15,7 +15,7 @@ function WhoWeAre() {
           empower UT Dallas students, one galaxy at a time.
         </h3>
         <Link
-          className="inline-block mt-6 p-3 text-white bg-royal rounded-full hover:bg-[#3634BB] transition-colors"
+          className="inline-block mt-6 px-6 py-3 text-white bg-royal rounded-full hover:bg-[#3634BB] transition-colors"
           href="/about/mission"
         >
           Learn More

diff --git a/src/pages/about/mission.tsx b/src/pages/about/mission.tsx
@@ -62,7 +62,7 @@ const Mission = () => (
       </p>
       <p className="text-3xl pb-4 leading-normal text-center italic">-Ryan Radloff</p>
     </div>
-    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-col items-center gap-8">
       <h2 className="text-5xl font-bold pb-4 text-center">Values</h2>
       <div className="flex flex-wrap justify-center gap-16">
         {values.map((value) => (
@@ -73,19 +73,17 @@ const Mission = () => (
         ))}
       </div>
     </div>
-    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
-      <h3 className="text-3xl font-bold pb-4 text-center">
-        See{' '}
-        <a
-          className="text-royal underline decoration-transparent hover:decoration-inherit transition"
-          href="https://nebula-labs.atlassian.net/wiki/spaces/Officers/pages/8716405/Organization+Mission+Goals+and+Values+as+of+Founding"
-          target="_blank"
-        >
-          our Confluence
-        </a>{' '}
-        for more
-      </h3>
-    </div>
+    <h3 className="px-8 lg:px-16 xl:px-32 py-24 text-3xl font-bold text-center">
+      See{' '}
+      <a
+        className="text-royal underline decoration-transparent hover:decoration-inherit transition"
+        href="https://nebula-labs.atlassian.net/wiki/spaces/Officers/pages/8716405/Organization+Mission+Goals+and+Values+as+of+Founding"
+        target="_blank"
+      >
+        our Confluence
+      </a>{' '}
+      for more
+    </h3>
     <Footer />
   </>
 );

diff --git a/src/pages/membership.tsx b/src/pages/membership.tsx
@@ -10,9 +10,9 @@ const Membership = () => (
       <meta property="og:url" content="https://www.utdnebula.com/resources/roles" />
     </Head>
     <Header text="Membership" />
-    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
-      <h2 className="text-5xl font-bold pb-4 text-center">Why Become a Member?</h2>
-      <p className="text-3xl pb-4">
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-col items-center gap-12">
+      <h2 className="text-5xl font-bold text-center">Why Become a Member?</h2>
+      <p className="text-3xl">
         Becoming a member of Nebula Labs offers a unique opportunity to contribute to an
         organization built by students, for students. In accordance with our founding mission and
         core values, we work to develop maintainable, high-quality tools that address gaps in campus
@@ -28,9 +28,9 @@ const Membership = () => (
         community dedicated to making a tangible difference in the lives of students and beyond.
       </p>
     </div>
-    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
-      <h2 className="text-5xl font-bold pb-4 text-center">How to Become a Member</h2>
-      <p className="text-3xl pb-4">
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-col items-center gap-12">
+      <h2 className="text-5xl font-bold text-center">How to Become a Member</h2>
+      <p className="text-3xl">
         Look out for announcements in{' '}
         <a
           className="text-royal underline decoration-transparent hover:decoration-inherit transition"

diff --git a/src/pages/resources/calendar.tsx b/src/pages/resources/calendar.tsx
@@ -221,8 +221,8 @@ const Calendar = () => {
 
   //error state
   let result = (
-    <div className="px-8 lg:px-16 xl:px-32 flex flex-col items-center">
-      <h2 className="text-5xl font-bold pb-4 text-center">Error loading calendar</h2>
+    <div className="px-8 lg:px-16 xl:px-32 flex flex-col items-center gap-4">
+      <h2 className="text-5xl font-bold text-center">Error loading calendar</h2>
       <button className={buttonLinkClasses} onClick={() => location.reload()}>
         Reload
       </button>

diff --git a/src/pages/resources/meetings.tsx b/src/pages/resources/meetings.tsx
@@ -194,8 +194,8 @@ const Meetings = () => {
 
   //error state
   let result = (
-    <div className="px-8 lg:px-16 xl:px-32 flex flex-col items-center">
-      <h2 className="text-5xl font-bold pb-4 text-center">Error loading calendar</h2>
+    <div className="px-8 lg:px-16 xl:px-32 flex flex-col items-center gap-4">
+      <h2 className="text-5xl font-bold text-center">Error loading calendar</h2>
       <button className={buttonLinkClasses} onClick={() => router.reload()}>
         Reload
       </button>