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>
118 lines
2.1 KiB
CSS
118 lines
2.1 KiB
CSS
/* /src/css/navbar.css */
|
|
.navbar-container {
|
|
background-color: #ffffff;
|
|
height: 60px;
|
|
padding: 0 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid #e5e8eb;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
}
|
|
|
|
.navbar-container .nav-links {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 30px;
|
|
}
|
|
|
|
.navbar-container .nav-link {
|
|
text-decoration: none;
|
|
color: #4E5968;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.navbar-container .nav-link:hover {
|
|
color: #191F28;
|
|
}
|
|
|
|
.navbar-container .nav-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
|
|
.navbar-container .btn {
|
|
padding: 8px 16px;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
border-radius: 8px;
|
|
border: none;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.navbar-container .btn-primary {
|
|
background-color: #3182F6;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.navbar-container .btn-primary:hover {
|
|
background-color: #1B64DA;
|
|
}
|
|
|
|
.navbar-container .btn-secondary {
|
|
background-color: #F2F4F6;
|
|
color: #4E5968;
|
|
}
|
|
|
|
.navbar-container .btn-secondary:hover {
|
|
background-color: #E5E8EB;
|
|
}
|
|
|
|
.navbar-container .profile-info {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
color: #333d4b;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
position: relative;
|
|
height: 100%;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.navbar-container .profile-image {
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.navbar-container .dropdown-menu {
|
|
display: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
right: 0;
|
|
background-color: white;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
|
|
min-width: 160px;
|
|
z-index: 100;
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.navbar-container .profile-info:hover .dropdown-menu {
|
|
display: block;
|
|
}
|
|
|
|
.navbar-container .dropdown-item {
|
|
display: block;
|
|
padding: 10px 16px;
|
|
color: #333d4b;
|
|
text-decoration: none;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.navbar-container .dropdown-item:hover {
|
|
background-color: #f4f6f8;
|
|
}
|
|
|
|
.navbar-container .dropdown-divider {
|
|
height: 1px;
|
|
margin: 8px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e8eb;
|
|
}
|