fix 커뮤니티 페이지 디자인 변경

4bujak-4bujak · May 28, 2024 · 3cd2d98 · 3cd2d98
1 parent 8b7a64e
commit 3cd2d98
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/community/shared/CommunityHeader.tsx b/src/components/community/shared/CommunityHeader.tsx
@@ -4,16 +4,16 @@ import React from 'react';
 const CommunityHeader = () => {
   const { currentTalk, setCurentTalk } = useCurrentTalkStore();
   return (
-    <header className="w-full flex gap-[16px] pl-[16px] pt-[8px] mt-4">
+    <header className="w-full flex gap-[20px] pl-[16px] pt-[12px] mt-4">
       <div
-        className={`w-[63px] h-[41px] cursor-pointer font-pretendard] text-lg flex justify-center items-centerpt-3 pb-2
+        className={`w-[73px] h-[41px] cursor-pointer font-pretendard] text-lg flex justify-center items-centerpt-3 pb-2
       ${currentTalk === 'career' ? 'text-gray-900 font-bold border-b-2 border-space-purple ' : 'text-gray-900'}
       `}
         onClick={() => setCurentTalk('career')}>
         커리어톡
       </div>
       <div
-        className={`w-[63px] h-[41px] cursor-pointer font-pretendard] text-lg flex justify-center items-centerpt-3 pb-2
+        className={`w-[73px] h-[41px] cursor-pointer font-pretendard] text-lg flex justify-center items-centerpt-3 pb-2
       ${currentTalk === 'interest' ? 'text-gray-900 font-bold border-b-2 border-space-purple ' : 'text-gray-900'}
       `}
         onClick={() => setCurentTalk('interest')}>

diff --git a/src/components/community/shared/WritePostTitle.tsx b/src/components/community/shared/WritePostTitle.tsx
@@ -21,8 +21,8 @@ const WritePostTitle = ({ postData, setPostData }: WritePostTitleType) => {
   }, [debouncedTitle, setPostData]);
 
   return (
-    <div className="flex border-b border-gray-200 items-center py-4 gap-3">
-      <div className="text-lg font-bold text-gray-900">제목</div>
+    <div className="flex border-b border-gray-200 items-center py-4 gap-4">
+      <div className="text-lg font-bold text-gray-900 max-w-max">제목</div>
       <input
         type="text"
         placeholder="제목을 입력해주세요"