Skip to content

fix: 홈 문구 좌측 정렬 및 마이페이지 하단 간격 정리 #468

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
manNomi wants to merge 2 commits into from
Closed

fix: 홈 문구 좌측 정렬 및 마이페이지 하단 간격 정리 #468

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3b71eeb
fix(web): normalize home and my page text alignment
manNomi Mar 11, 2026
afed9c4
fix: mentor/mypage ui polish and notice emphasis
manNomi Mar 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/web/src/app/(home)/_ui/FindLastYearScoreBar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { IconGraduationCap, IconRightArrow } from "@/public/svgs/home";
const FindLastYearScoreBar = () => {
return (
<button
className="h-15 flex w-full cursor-pointer items-center justify-between border-b border-k-100 px-5 py-3 focus:outline-none"
className="h-15 flex w-full cursor-pointer items-center justify-between border-b border-k-100 px-5 py-3 text-left focus:outline-none"
onClick={() => toast.error("해당 기능은 현재 준비중입니다.")}
>
<div>
Expand Down
13 changes: 7 additions & 6 deletions apps/web/src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,8 +93,9 @@ const PostModifyForm = ({
);
};

const notice =
"글 작성 시 유의사항\n\n인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";
const noticeTitle = "[글 작성 시 유의사항]";
const noticeContent =
"인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";

return (
<>
Expand Down Expand Up @@ -147,10 +148,10 @@ const PostModifyForm = ({
onChange={(e) => setContent(e.target.value)}
/>
</div>
<div
className="px-5 pt-2.5 text-gray-100 typo-regular-4"
dangerouslySetInnerHTML={{ __html: notice.replace(/\n/g, "<br />") }}
/>
<div className="px-5 pt-2.5">
<p className="text-gray-250/87 typo-sb-9">{noticeTitle}</p>
<p className="mt-2 whitespace-pre-line text-gray-100 typo-regular-4">{noticeContent}</p>
</div>
</div>
</>
);
Expand Down
13 changes: 7 additions & 6 deletions apps/web/src/app/community/[boardCode]/create/PostForm.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,8 +63,9 @@ const PostForm = ({ boardCode }: PostFormProps) => {
);
};

const notice =
"글 작성 시 유의사항\n\n인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";
const noticeTitle = "[글 작성 시 유의사항]";
const noticeContent =
"인종, 성별, 출신, 지역, 이념 관련 차별 관련 발언 및 타인에게 불쾌감을 유발할 수 있는 글은 삭제될 수 있습니다.\n\n솔리드 커넥션은 홍보 행위를 철저히 금지합니다.";

return (
<>
Expand Down Expand Up @@ -126,10 +127,10 @@ const PostForm = ({ boardCode }: PostFormProps) => {
onChange={(e) => setContent(e.target.value)}
/>
</div>
<div
className="px-5 pt-2.5 text-gray-100 typo-regular-4"
dangerouslySetInnerHTML={{ __html: notice.replace(/\n/g, "<br />") }}
/>
<div className="px-5 pt-2.5">
<p className="text-gray-250/87 typo-sb-9">{noticeTitle}</p>
<p className="mt-2 whitespace-pre-line text-gray-100 typo-regular-4">{noticeContent}</p>
</div>
</div>
</>
);
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/app/mentor/[id]/_ui/MentorDetialContent/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ const MentorDetialContent = ({ mentorId }: MentorDetailContentProps) => {
<p className="mb-7 text-k-500 typo-regular-2">{introduction}</p>

{/* 멘토 채널 */}
<h3 className="mb-2 text-secondary typo-regular-1">멘토 한마디</h3>
<h3 className="mb-2 text-secondary typo-regular-1">멘토 채널</h3>
<div className="mb-7">
<div
className={`grid gap-2 ${
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/app/my/_ui/MyProfileContent/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ const MyProfileContent = () => {
<p>{nickname}님은</p>
<p>
현재{" "}
<span className="text-primary typo-medium-2">
<span className={`text-primary ${profileData.role === UserRole.MENTEE ? "typo-sb-4" : "typo-medium-2"}`}>
{profileData.role === UserRole.ADMIN ? "어드민" : isMentor ? "멘토" : "멘티"}
</span>{" "}
솔커예요.
Expand Down
12 changes: 6 additions & 6 deletions apps/web/src/components/ui/LinkedTextWithIcon/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ const LinkedTextWithIcon = ({
<Link
href={href}
target={isBilink ? "_blank" : undefined}
className="w-full"
className="block w-full"
rel={isBilink ? "noopener noreferrer" : undefined}
>
{<Content icon={icon} text={text} subText={subText} textColor={textColor} />}
Expand All @@ -37,7 +37,7 @@ const LinkedTextWithIcon = ({
}

return (
<button onClick={onClick} className="w-full cursor-pointer">
<button type="button" onClick={onClick} className="block w-full cursor-pointer text-left">
{<Content icon={icon} text={text} subText={subText} textColor={textColor} />}
</button>
);
Expand All @@ -58,19 +58,19 @@ const Content = ({ icon, text, subText, textColor = "text-k-700" }: ContentProps
{/* 왼쪽 아이콘 + 텍스트 */}
<div className="flex flex-1 items-center gap-1">
{icon ? (
<div className="flex h-8 w-5 items-center justify-center rounded-full">
<span className="h-5 w-5">{icon}</span>
<div className="flex h-8 w-8 items-center justify-center rounded-full [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0">
{icon}
</div>
) : (
<div className="h-8" />
<div className="h-8 w-8" />
)}
<span className={clsx("typo-medium-2", textColor)}>{text}</span>
</div>

{/* 오른쪽 subText + 아이콘 */}
<div className="flex shrink-0 items-center gap-1">
{subText && <span className="text-k-600 typo-regular-2">{subText}</span>}
<span className="h-5 w-5">
<span className="flex h-5 w-5 items-center justify-center [&>svg]:h-5 [&>svg]:w-5">
<IconDirectionRight />
</span>
</div>
Expand Down
Loading