Design : 공고 페이지 마크업 및 스타일링 구현

ssafy-mate · Jan 12, 2022 · bacd4ef · bacd4ef
1 parent fc95830
commit bacd4ef
Show file tree

Hide file tree

Showing 9 changed files with 738 additions and 4 deletions.
diff --git a/public/images/projects/sample-student_profile-img1.jpeg b/public/images/projects/sample-student_profile-img1.jpeg
diff --git a/public/images/projects/sample-student_profile-img2.jpeg b/public/images/projects/sample-student_profile-img2.jpeg
diff --git a/public/images/projects/sample-student_profile-img3.jpeg b/public/images/projects/sample-student_profile-img3.jpeg
diff --git a/public/images/projects/sample-student_profile-img4.jpeg b/public/images/projects/sample-student_profile-img4.jpeg
diff --git a/public/images/projects/sample-student_profile-img5.jpeg b/public/images/projects/sample-student_profile-img5.jpeg
diff --git a/public/images/projects/sample-student_profile-img6.jpeg b/public/images/projects/sample-student_profile-img6.jpeg
diff --git a/public/images/projects/sample-team_logo2.png b/public/images/projects/sample-team_logo2.png
diff --git a/src/components/projects/StudentAnnouncement.tsx b/src/components/projects/StudentAnnouncement.tsx
diff --git a/src/components/projects/TeamAnnouncement.tsx b/src/components/projects/TeamAnnouncement.tsx
@@ -8,7 +8,7 @@ import GroupsIcon from '@mui/icons-material/Groups';
 
 import Pagenation from './Pagenation';
 
-const Announcement: React.FC = () => {
+const TeamAnnouncement: React.FC = () => {
   return (
     <Container>
       <AnnouncementHeader>
@@ -65,7 +65,7 @@ const Announcement: React.FC = () => {
           <ItemBody>
             <TeamTitle>워라벨을 지향하는 팀원들을 모집합니다.</TeamTitle>
             <TeamName>
-              워라벨 <TeamCampus>(서울)</TeamCampus>
+              리디 <TeamCampus>(서울)</TeamCampus>
             </TeamName>
             <TeamStatusList>
               <TeamStatusItem>
@@ -408,7 +408,7 @@ const ItemImg = styled.img`
   width: 72px;
   height: 72px;
   border-radius: 4px;
-  object-fit: contain;
+  object-fit: cover;
 
   @media (max-width: 575px) {
     width: 40px;
@@ -518,4 +518,4 @@ const TeckStackItem = styled.li`
   }
 `;
 
-export default Announcement;
+export default TeamAnnouncement;