From ddb9b44b02b36ddbd851c98914ff14f0834c86d8 Mon Sep 17 00:00:00 2001 From: "Kent Joseph T. Palima" Date: Sat, 2 May 2026 22:27:04 +0800 Subject: [PATCH] Added committee emails --- src/components/Contact/contact.scss | 29 ++++++++++++++-- src/pages/contact.astro | 52 +++++++++++++++++++++++++++++ 2 files changed, 79 insertions(+), 2 deletions(-) diff --git a/src/components/Contact/contact.scss b/src/components/Contact/contact.scss index 898f23b..55dbe17 100644 --- a/src/components/Contact/contact.scss +++ b/src/components/Contact/contact.scss @@ -13,14 +13,39 @@ font-size: 3rem; } - .contact-details { + /* 1. Add a comma to target both the old component and your new section! */ + .contact-details, .committee-contacts { margin-top: 1rem; + + /* 2. Add some styling so the new Committee Emails heading looks nice */ + h2 { + font-size: 2.5rem; + margin-top: 4rem; + margin-bottom: 1.5rem; + text-align: center; + color: $dark; + } + ul { row-gap: 1rem; + /* Optional: Forces the list to stack neatly in the center */ + display: flex; + flex-direction: column; + align-items: center; + list-style: none; + padding: 0; + li { a { + /* Optional: perfectly aligns your MailIcon next to the email text */ + display: flex; + align-items: center; + gap: 0.75rem; + text-decoration: none; + color: $dark; font-size: 1.5rem; + svg { color: $dark; } @@ -31,4 +56,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/pages/contact.astro b/src/pages/contact.astro index 06fbf01..8e3ed9e 100644 --- a/src/pages/contact.astro +++ b/src/pages/contact.astro @@ -6,6 +6,58 @@ import Layout from '../layouts/Layout.astro';

Contact Us

+ + + + +
+

Committee Emails

+ +
+