style: 상단 카드 제거

[FlashingFuture]

작업 내용

• 스타일 변경 적용

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
runova-web	Ready	Preview	Comment	Sep 22, 2025 2:15am

[gemini-code-assist]

Summary of Changes

Hello @FlashingFuture, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

Home 페이지의 초기 로딩 시 표시되는 'Runova' 앱의 제목과 설명에 적용되었던 불필요한 스타일 래퍼를 제거하여 UI를 간소화했습니다. 이는 시각적 중복을 줄이고 페이지 레이아웃을 더 깔끔하게 만듭니다.

Highlights

• UI/스타일 변경: Home 페이지에서 'Runova' 제목과 설명을 감싸던 컴포넌트가 제거되었습니다.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

PR의 목표인 상단 카드 제거가 Home/index.tsx 파일에 잘 적용되었습니다. 컴포넌트 구조를 단순화하여 스타일을 변경하는 좋은 시도입니다. 다만, Card 래퍼가 제거되면서 내부 컴포넌트들의 스타일(특히 margin)이 상위 컨테이너의 레이아웃과 충돌하여 의도치 않은 시각적 결과를 낳을 수 있는 부분이 있어 이에 대한 리뷰 의견을 남겼습니다. 확인 후 반영하시면 더 완성도 높은 코드가 될 것 같습니다.

[gemini-code-assist]

Card 컴포넌트가 제거되면서 Title과 Desc가 Wrap의 직접적인 자식 요소가 되었습니다. Wrap은 place-items: center로 아이템을 중앙 정렬하는데, Desc 컴포넌트에 margin-right: 10px와 같은 '매직 넘버'가 포함된 margin이 설정되어 있어 완벽한 중앙 정렬이 되지 않을 수 있습니다.¹

또한, Wrap의 gap과 각 컴포넌트의 margin이 중첩되어 수직 간격이 의도와 다르게 표시될 수 있습니다.

레이아웃의 일관성을 위해 Title과 Desc 컴포넌트의 margin 속성을 제거하거나 theme/constants 값으로 조정한 후, 간격은 부모인 Wrap의 gap으로만 관리하는 것을 고려해 보시는 것이 좋겠습니다.

Style Guide References

Footnotes

1. 스타일 가이드에 따라, 10px와 같은 매직 넘버는 이름 있는 상수로 관리하여 코드의 일관성과 유지보수성을 높여야 합니다. 현재 Desc 컴포넌트의 margin에 하드코딩된 값이 사용되어 레이아웃 문제를 유발할 수 있습니다. (link) ↩