Refactor(apps): 공지 뷰 하단 그라데이션 이슈 해결

[jisooooooooooo]

📌 Summary

#270

📚 Tasks

• 공지 본문 영역 하단 패딩 추가

🔍 Describe

그라데이션 영역과 본문 겹침 이슈 해결

기존에는 하단 고정 버튼 영역 상단의 그라데이션 UI로 인해 본문 마지막 텍스트가 흐릿하게 보이는 문제가 있었어요.

하단 버튼 영역과 그라데이션 UI는 유지하고 본문 콘텐츠 영역에 하단 패딩을 추가해 마지막 텍스트가 해당 영역과 겹치지 않도록 개선했어요.

👀 To Reviewer

• 간단한 수정이지만 더 좋은 방법이 있다면 코멘트 부탁드립니당 !🤓

📸 Screenshot

[coderabbitai]

📝 Walkthrough

Summary by CodeRabbit

릴리스 노트

• 스타일
  • 공지사항 상세 페이지의 내용 영역 여백을 조정하여 더 나은 시각적 간격을 제공합니다.

Walkthrough

notice-detail-layout 컴포넌트의 contents 스타일 padding 값을 단일값('2rem')에서 다중값('2rem 2rem 13.5rem')으로 변경하여 하단 패딩을 증대하고 컨테이너 내부 수직 간격을 조정했어요.

Changes

Cohort / File(s)	Summary
CSS Styling Update packages/compositions/src/notice-detail-layout/notice-detail-layout.css.ts	Contents 요소의 padding을 2단계(상하좌우)에서 3단계(상, 좌우, 하)로 변경하여 하단 여백을 13.5rem으로 확대했어요.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested labels

🐛 Fix

Suggested reviewers

• jin-evergreen
• eunkr82
• Sohyunnnn

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	PR 제목은 [type] 제목 형식을 따르고 있으며, 실제 변경 사항(공지 뷰 하단 그라데이션 이슈 해결)을 정확히 반영하고 있습니다.
Description check	✅ Passed	PR 설명은 변경 사항과 밀접하게 관련되어 있으며, 문제 상황, 해결 방안, 스크린샷 등 충분한 맥락을 제공하고 있습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@packages/compositions/src/notice-detail-layout/notice-detail-layout.css.ts`:
- Line 38: Extract the magic "13.5rem" padding value into a named constant and
use that constant in the padding declaration to improve maintainability; for
example, add a constant (e.g., BOTTOM_GRADIENT_PADDING or NOTICE_FOOTER_PADDING)
near the top of the file and replace the hard-coded value in the padding: '2rem
2rem 13.5rem' expression used in the notice-detail-layout styles so future
changes to the gradient/button area height only require updating the constant.

---

ℹ️ Review info

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between acbe927 and 613970e.

📒 Files selected for processing (1)

• packages/compositions/src/notice-detail-layout/notice-detail-layout.css.ts

[Sohyunnnn]

수고하셨습니다 👍
하단에 CTA 버튼이 있고 스크롤의 여지가 있는 페이지에 대해 전체적으로 수정 가능할 지 문의드립니다!
ex) 주최자: 홈, 공연 등록 수정, 주최 공지, 공지 업로드 등

[jin-evergreen]

굿굿 고생하셨습니다~!!👍👍

[eunkr82]

깔끔하게 해결해 주신 것 같아요 ㅎㅎ 고생하셨습니다! 🎉🎉