OAuth2 개발가이드 추가 및 테이블 UI 개선
- OAuth2 개발가이드 링크 추가 - 테이블 컬럼 스타일 조정: 모바일 대응 및 오버플로 방지 - Jackson 직렬화 대응 날짜 포맷 수정
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user