generated from pricelees/issue-pr-template
pricelees
bdc99c7883
<!-- 제목 양식 --> <!-- [이슈번호] 작업 요약 (예시: [#10] Gitea 템플릿 생성) --> ## 📝 관련 이슈 및 PR **PR과 관련된 이슈 번호** - #37 ## ✨ 작업 내용 <!-- 어떤 작업을 했는지 알려주세요! --> - 가격, 시간 등 테마를 정의하는데 필요하다고 느껴지는 필드 추가 - JPA Auditing으로 감사 정보 확인 기능 추가 - 프론트엔드 페이지 디자인 변경 및 새로운 API 반영 ## 🧪 테스트 <!-- 어떤 테스트를 생각했고 진행했는지 알려주세요! --> 6db81feb9b 을 바탕으로 향후 다른 모든 기능의 테스트를 통합 테스트로 전환할 예정. 지금은 불필요한 테스트가 너무 많다고 느껴짐. ## 📚 참고 자료 및 기타 <!-- 참고한 자료, 또는 논의할 사항이 있다면 알려주세요! --> - FInder / Writer / Validator 구조를 수정할 필요가 있음. 복잡하고 가독성이 낮은 로직만 별도로 빼는 것이 더 효율적이라고 판단됨. Reviewed-on: #38 Co-authored-by: pricelees <priceelees@gmail.com> Co-committed-by: pricelees <priceelees@gmail.com>
67 lines
1.3 KiB
CSS
67 lines
1.3 KiB
CSS
/* /src/css/home-page-v2.css */
|
|
.home-container-v2 {
|
|
max-width: 800px;
|
|
margin: 40px auto;
|
|
padding: 20px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
background-color: #f4f6f8;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.home-container-v2 .page-title {
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
color: #333d4b;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.theme-ranking-list-v2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
|
|
.theme-ranking-item-v2 {
|
|
background-color: #ffffff;
|
|
border-radius: 12px;
|
|
padding: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 20px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
|
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
}
|
|
|
|
.theme-ranking-item-v2:hover {
|
|
transform: translateY(-3px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.theme-ranking-item-v2 .thumbnail {
|
|
width: 120px;
|
|
height: 120px;
|
|
object-fit: cover;
|
|
border-radius: 8px;
|
|
border: 1px solid #e5e8eb;
|
|
}
|
|
|
|
.theme-ranking-item-v2 .theme-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
|
|
.theme-ranking-item-v2 .theme-name {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #333d4b;
|
|
margin: 0;
|
|
}
|
|
|
|
.theme-ranking-item-v2 .theme-description {
|
|
font-size: 16px;
|
|
color: #505a67;
|
|
margin: 0;
|
|
}
|