OAuth2 개발가이드 추가 및 테이블 UI 개선
eapim-portal CI / build (push) Has been cancelled
eapim-portal Test / test (push) Has been cancelled

- OAuth2 개발가이드 링크 추가
- 테이블 컬럼 스타일 조정: 모바일 대응 및 오버플로 방지
- Jackson 직렬화 대응 날짜 포맷 수정
This commit is contained in:
Rinjae
2026-06-19 17:22:33 +09:00
parent fe4b176512
commit 02f9d41334
5 changed files with 57 additions and 40 deletions
+20 -16
View File
@@ -17099,19 +17099,19 @@ input[type=checkbox]:checked + .custom-checkbox {
display: none;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(2) {
flex: 1 !important;
min-width: 100px;
flex: 1 1 0 !important;
min-width: 0 !important;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(3) {
width: 50px !important;
min-width: 50px;
flex: none;
width: 60px !important;
min-width: 60px !important;
flex: none !important;
justify-content: center;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(4) {
width: 65px !important;
min-width: 65px;
flex: none;
width: 78px !important;
min-width: 78px !important;
flex: none !important;
justify-content: center;
}
.inquiry-list-container .list-table .list-table-header .header-cell:nth-child(5) {
@@ -17121,8 +17121,9 @@ input[type=checkbox]:checked + .custom-checkbox {
display: none;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title {
flex: 1 !important;
min-width: 100px;
flex: 1 1 0 !important;
min-width: 0 !important;
overflow: hidden;
justify-content: flex-start;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link {
@@ -17149,16 +17150,19 @@ input[type=checkbox]:checked + .custom-checkbox {
height: 16px;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(3) {
width: 50px !important;
min-width: 50px;
flex: none;
width: 60px !important;
min-width: 60px !important;
flex: none !important;
justify-content: center;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inquiry-list-container .list-table .list-table-row .row-cell:nth-child(4) {
width: 65px !important;
min-width: 65px;
flex: none;
width: 78px !important;
min-width: 78px !important;
flex: none !important;
justify-content: center;
text-align: center;
}
File diff suppressed because one or more lines are too long
@@ -44,7 +44,15 @@
function formatDate(value) {
if (!value) return '';
try {
const d = new Date(value);
var d;
if (Array.isArray(value)) {
// Jackson LocalDateTime 직렬화(timestamp 배열): [year, month(1-base), day, hour, minute, second, nano]
var y = value[0], mo = value[1] || 1, da = value[2] || 1;
var h = value[3] || 0, mi = value[4] || 0, s = value[5] || 0;
d = new Date(y, mo - 1, da, h, mi, s);
} else {
d = new Date(value);
}
if (isNaN(d.getTime())) return '';
const pad = function (n) { return n < 10 ? '0' + n : '' + n; };
return d.getFullYear() + '.' + pad(d.getMonth() + 1) + '.' + pad(d.getDate())
@@ -699,25 +699,25 @@
display: none;
}
// 제목 컬럼 - flex 1
// 제목 컬럼 - flex 1 (인라인 min-width:200px 무력화로 모바일 축소 허용)
&:nth-child(2) {
flex: 1 !important;
min-width: 100px;
flex: 1 1 0 !important;
min-width: 0 !important;
}
// 작성자 컬럼 - 50px, 가운데 정렬
// 작성자 컬럼 - 60px, 가운데 정렬
&:nth-child(3) {
width: 50px !important;
min-width: 50px;
flex: none;
width: 60px !important;
min-width: 60px !important;
flex: none !important;
justify-content: center;
}
// 처리상태 컬럼 - 65px, 가운데 정렬
// 처리상태 컬럼 - 78px, 가운데 정렬
&:nth-child(4) {
width: 65px !important;
min-width: 65px;
flex: none;
width: 78px !important;
min-width: 78px !important;
flex: none !important;
justify-content: center;
}
@@ -736,11 +736,12 @@
display: none;
}
// 제목 컬럼 - flex 1
// 제목 컬럼 - flex 1 (인라인 min-width:200px 무력화로 모바일 축소 허용)
&:nth-child(2),
&.row-cell--title {
flex: 1 !important;
min-width: 100px;
flex: 1 1 0 !important;
min-width: 0 !important;
overflow: hidden;
justify-content: flex-start;
.notice-title-link {
@@ -773,20 +774,23 @@
}
}
// 작성자 컬럼 - 50px, 가운데 정렬
// 작성자 컬럼 - 60px, 가운데 정렬 (마스킹 이름 넘침 방지)
&:nth-child(3) {
width: 50px !important;
min-width: 50px;
flex: none;
width: 60px !important;
min-width: 60px !important;
flex: none !important;
justify-content: center;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// 처리상태 컬럼 - 65px, 가운데 정렬
// 처리상태 컬럼 - 78px, 가운데 정렬
&:nth-child(4) {
width: 65px !important;
min-width: 65px;
flex: none;
width: 78px !important;
min-width: 78px !important;
flex: none !important;
justify-content: center;
text-align: center;
@@ -175,6 +175,7 @@
<ul class="drawer-submenu">
<li><a th:href="@{/service/intro}">API 포탈 소개</a></li>
<li><a th:href="@{/service/guide}">회원가입 안내</a></li>
<li><a th:href="@{/service/oauth2-guide}">OAuth2 개발가이드</a></li>
</ul>
</li>