diff --git a/info.yaml b/info.yaml index 663b552..e46c280 100644 --- a/info.yaml +++ b/info.yaml @@ -1,6 +1,6 @@ title: "GDM" package_name: gommi_downloader_manager -version: '0.2.4' +version: '0.2.5' description: FlaskFarm 범용 다운로더 큐 - YouTube, 애니24, 링크애니, Anilife 지원 developer: projectdx home: https://gitea.yommi.duckdns.org/projectdx/gommi_downloader_manager diff --git a/templates/gommi_downloader_manager_queue_list.html b/templates/gommi_downloader_manager_queue_list.html index 782f542..7c52e1b 100644 --- a/templates/gommi_downloader_manager_queue_list.html +++ b/templates/gommi_downloader_manager_queue_list.html @@ -390,6 +390,71 @@ margin-bottom: 1rem; opacity: 0.3; } + + /* Expandable Detail Panel */ + .dl-card { + cursor: pointer; + } + + .dl-detail-panel { + max-height: 0; + overflow: hidden; + transition: max-height 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out; + background: rgba(0, 0, 0, 0.2); + border-radius: 10px; + margin-top: 0; + padding: 0 1rem; + } + + .dl-card.expanded .dl-detail-panel { + max-height: 300px; + padding: 1rem; + margin-top: 1rem; + } + + .dl-detail-row { + display: flex; + justify-content: space-between; + align-items: flex-start; + padding: 0.4rem 0; + border-bottom: 1px solid rgba(255,255,255,0.05); + font-size: 0.75rem; + } + + .dl-detail-row:last-child { + border-bottom: none; + } + + .dl-detail-label { + color: var(--text-muted); + flex-shrink: 0; + margin-right: 1rem; + } + + .dl-detail-value { + color: var(--text-main); + word-break: break-all; + text-align: right; + max-width: 70%; + } + + .dl-detail-value.url { + font-family: monospace; + font-size: 0.65rem; + opacity: 0.8; + } + + .dl-expand-hint { + font-size: 0.65rem; + color: var(--text-muted); + text-align: center; + margin-top: 0.5rem; + opacity: 0.6; + } + + .dl-card.expanded .dl-expand-hint { + display: none; + }