Merge pull request #122 from pythonkr/main

Main

Author: constmoon

frontend/components/service/Home/PersonListItem.tsx

@@ -8,6 +8,7 @@ import { DEFAULT_PROFILE_PATH } from '../../../data/constants/config'
 const PersonProfile = styled.div`
     width: 6rem;
     height: 6rem;
+    flex-shrink: 0;
     background-image: url(${(props) => props.image});
     background-size: cover;
     background-position: center;
@@ -17,6 +18,7 @@ const PersonProfile = styled.div`
 const PersonContainer = styled.li`
     display: flex;
     align-items: flex-start;
+    overflow-wrap: anywhere;
     & + & {
         margin-top: 2rem;
         ${media.mobile(`
@@ -35,7 +37,6 @@ const PersonName = styled.div`
 `
 const PersonIntro = styled.p`
     margin-top: 0.8rem;
-    white-space: pre-wrap;
     a {
         color: ${(props) => props.theme.colors.blue0};
     }

frontend/pages/about/organizing-team.tsx

@@ -10,6 +10,9 @@ import { IPerson } from '../../interfaces/IProgram'
 import PersonListItem from '../../components/service/Home/PersonListItem'
 import styled from 'styled-components'
 
+const PageInfo = styled.div`
+    margin: 2rem 0 3rem;
+`
 const PersonList = styled.ul`
     margin-top: 2rem;
 `
@@ -21,7 +24,7 @@ const OrganizingTeamPage: NextPage = (props: PageProps) => {
     return (
         <>
             <PageTitle title={props.pageName} />
-            <div>{t('label:organizingTeamInfo')}</div>
+            <PageInfo>{t('label:organizingTeamInfo')}</PageInfo>
             <Heading3 useGradient={true}>{t('label:staffList')}</Heading3>
             <PersonList>
                 {list.map((item, index) => (