mobile layout

2 files changed, 7 insertions, 2 deletions

diff --git a/app/about/[name]/page.tsx b/app/about/[name]/page.tsx
index 625af62..411a2f0 100644
--- a/app/about/[name]/page.tsx
+++ b/app/about/[name]/page.tsx
@@ -6,6 +6,11 @@ import InfoBar from "~/components/InfoBar";
 import styles from "~/styles/index.module.css"
 import system from "~/config/system.json"
 
+export async function generateStaticParams() {
+  const memberSlugs = system.members.map(member => member.name.toLowerCase())
+  return memberSlugs.map((name: string) => ({ name }))
+}
+
 export default function MemberPage({ params: { name } }) {
   const member = system.members.find(member => member.name.toLowerCase() === name)
 
@@ -28,7 +33,7 @@ export default function MemberPage({ params: { name } }) {
             ))}
           </div>
         )}
-      </main >
+      </main>
     </>
   )
 }
diff --git a/app/about/page.tsx b/app/about/page.tsx
index 57b9aa7..970d76f 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -26,7 +26,7 @@ export default function About() {
               <Image alt="" width={150} height={150} src={profilePics[member.name.toLowerCase()]} />
               <h2>{member.name}</h2>
               <p className={styles.pronouns}>{member.mainPronouns}</p>
-              <p>
+              <p className={styles.bio}>
                 {member.bioShort}
               </p>
               <p><a href={`/about/${member.name.toLowerCase()}`}>{member.readMore}</a></p>