💄Design: 모집파트 타겟 래이아웃 #35

GDSC-DGU · May 3, 2024 · 5066246 · 5066246
1 parent b65ffa0
commit 5066246
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/recruit/part/RecruitPartRow.tsx b/src/components/recruit/part/RecruitPartRow.tsx
@@ -7,8 +7,8 @@ import { RecruitPart } from '@/interfaces/recruit/recruitPart';
 
 const RecruitPartRow = ({ recruitPart }: { recruitPart: RecruitPart }) => {
   return (
-    <section className="self-stretch justify-start items-start gap-8 flex max-md:flex-col">
-      <div className="p-8 bg-black rounded flex-col justify-start items-start gap-5 relative overflow-hidden max-md:w-full">
+    <section className="self-stretch justify-start  gap-8 flex max-md:flex-col">
+      <div className="p-8 bg-black rounded flex-col justify-start  gap-5 relative overflow-hidden max-md:w-full">
         {/* 배경으로 사용할 div */}
         <div className="absolute top-0 left-0 w-full h-full z-0">
           <div
@@ -32,15 +32,15 @@ const RecruitPartRow = ({ recruitPart }: { recruitPart: RecruitPart }) => {
               <AiMlIcon />
             )}
           </div>
-          <div className="flex-col justify-start items-start gap-3 flex">
+          <div className="flex-col justify-start  gap-3 flex">
             <div className="H6">{recruitPart.title}</div>
             <div className="B2">{recruitPart.description}</div>
           </div>
         </div>
       </div>
 
-      <div className="grow p-8 bg-mono_900 rounded flex-col justify-start items-start gap-6 flex">
-        <div className="self-stretch flex-col justify-start items-start gap-2 flex">
+      <div className="grow p-4 bg-mono_900 rounded flex-col justify-start  gap-6 flex">
+        <div className="self-stretch flex-col justify-start  gap-2 flex">
           <div className="H6">Preferred</div>
           <div className="B1">
             {recruitPart.preferred[0]}
@@ -51,8 +51,8 @@ const RecruitPartRow = ({ recruitPart }: { recruitPart: RecruitPart }) => {
           </div>
         </div>
 
-        <div className="self-stretch justify-start items-start gap-2.5 inline-flex">
-          <div className="justify-start items-start gap-3 flex">
+        <div className="self-stretch justify-start  gap-2.5 inline-flex">
+          <div className="justify-start  gap-3 flex">
             {recruitPart.keywords.map((keyword, index) => (
               <RecruitPartKeyword key={index} keyword={keyword} />
             ))}

diff --git a/src/components/recruit/target/RecruitTarget.tsx b/src/components/recruit/target/RecruitTarget.tsx
@@ -41,7 +41,7 @@ const RecruitTarget = () => {
             />
             <RecruitTargetRowText
               title="열정"
-              content="개발에 열정이 있으며, 팀활동에 적극적으로 참여할 수 있는 사람"
+              content="개발 열정과 활동에 적극적으로 참여할 수 있는 사람"
             />
           </div>
         </div>