diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css index 8ed4d51..2a4cbb9 100644 --- a/src/main/resources/static/css/style.css +++ b/src/main/resources/static/css/style.css @@ -402,6 +402,13 @@ tbody td { padding: 0.65rem 0.75rem; border-bottom: 1px solid var(--border); } tbody tr { transition: background 0.15s ease; } tbody tr:hover { background: var(--hover); } +/* Compact list table: number/status cells stay one line, "영상" cell stays wide */ +.coll-table th, .coll-table td { white-space: nowrap; vertical-align: middle; } +.coll-table td:first-child, .coll-table th:first-child { white-space: normal; width: 42%; min-width: 280px; } +.coll-table thead th { background: var(--surface-2); } +.row-sel { padding: 4px 6px; background: var(--surface-2); border: 1px solid var(--border-strong); border-radius: 6px; color: var(--text); font-size: 0.78rem; outline: none; max-width: 110px; } +.row-sel option { background: var(--surface); color: var(--text); } + /* ===== Modal (reusable) ===== */ .modal-overlay { display: none; position: fixed; inset: 0; z-index: 1000; diff --git a/src/main/resources/templates/discover.html b/src/main/resources/templates/discover.html index 4ec6951..e7815e9 100644 --- a/src/main/resources/templates/discover.html +++ b/src/main/resources/templates/discover.html @@ -84,23 +84,21 @@
- - +
+ - - - - - - - - - - + + + + + + + + - +
썸네일제목채널구독자조회수시간당배율업로드상태관리영상구독자조회수시간당배율업로드상태관리
로딩 중...
로딩 중...
@@ -156,7 +154,7 @@ let data; try { data = await api(API + '/discover?' + p.toString()); } catch(e){ - body.innerHTML = '불러오기 실패: '+esc(e.message)+''; + body.innerHTML = '불러오기 실패: '+esc(e.message)+''; return; } renderRows(data || []); @@ -174,38 +172,37 @@ const body = document.getElementById('resultBody'); document.getElementById('resultCount').textContent = list.length + '건'; if(list.length===0){ - body.innerHTML = '조건에 맞는 발굴 후보가 없습니다.'; + body.innerHTML = '조건에 맞는 발굴 후보가 없습니다.'; return; } body.innerHTML = list.map(v=>{ const statusOpts = STATUS_KEYS.map(k=> ``).join(''); const star = v.bookmarked ? '#f59e0b' : 'var(--text-muted)'; - const shortsBadge = v.isShorts ? 'Shorts' : ''; - return ` - -
- + const shortsBadge = v.isShorts ? 'Shorts' : ''; + return ` + +
+ +
+
+ ${esc(v.title)}${shortsBadge} +
+ ${esc(v.channelTitle||'-')} +
- -
- ${esc(v.title)}${shortsBadge} -
- - - ${esc(v.channelTitle||'-')} - - ${fmt(v.subscriberCount)} - ${fmt(v.viewCount)} - ${fmt(v.viewsPerHour)} - ${ratioBadge(v.viewsPerSubRatio)} - ${fmtDate(v.publishedAt)} - - -
- - + ${fmt(v.subscriberCount)} + ${fmt(v.viewCount)} + ${fmt(v.viewsPerHour)} + ${ratioBadge(v.viewsPerSubRatio)} + ${fmtDate(v.publishedAt)} + + +
+ +
`;