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>
161 lines
2.5 KiB
CSS
161 lines
2.5 KiB
CSS
/* /src/css/admin-reservation-page.css */
|
|
.admin-reservation-container {
|
|
max-width: 1400px;
|
|
margin: 40px auto;
|
|
padding: 40px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
background-color: #f4f6f8;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.admin-reservation-container .page-title {
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
color: #333d4b;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.admin-reservation-content {
|
|
display: flex;
|
|
gap: 40px;
|
|
}
|
|
|
|
.reservations-main {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.filter-section {
|
|
width: 300px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.section-card {
|
|
background-color: #ffffff;
|
|
border-radius: 12px;
|
|
padding: 24px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
.section-card .card-title {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: #333d4b;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.table-header {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.table-container table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.table-container th,
|
|
.table-container td {
|
|
padding: 12px 16px;
|
|
text-align: left;
|
|
border-bottom: 1px solid #e5e8eb;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table-container th {
|
|
background-color: #f9fafb;
|
|
color: #505a67;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.table-container tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.table-container tr:hover {
|
|
background-color: #f4f6f8;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.form-label {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #4E5968;
|
|
}
|
|
|
|
.form-input,
|
|
.form-select {
|
|
width: 100%;
|
|
padding: 10px 12px;
|
|
font-size: 15px;
|
|
border: 1px solid #E5E8EB;
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
}
|
|
|
|
.form-input:focus,
|
|
.form-select:focus {
|
|
outline: none;
|
|
border-color: #3182F6;
|
|
box-shadow: 0 0 0 3px rgba(49, 130, 246, 0.2);
|
|
}
|
|
|
|
.btn {
|
|
padding: 8px 16px;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
border-radius: 8px;
|
|
border: none;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #3182F6;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #1B64DA;
|
|
}
|
|
|
|
.btn-secondary {
|
|
background-color: #F2F4F6;
|
|
color: #4E5968;
|
|
}
|
|
|
|
.btn-secondary:hover {
|
|
background-color: #E5E8EB;
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: #e53e3e;
|
|
color: white;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
background-color: #c53030;
|
|
}
|
|
|
|
.filter-section .btn-primary {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.editing-row td {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.editing-row .btn {
|
|
margin-right: 8px;
|
|
}
|