diff --git a/frontend/src/index.css b/frontend/src/index.css index 2b3fff3..704a8da 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -70,7 +70,7 @@ html, body, #root { border-radius: 16px; padding: 28px 32px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); - max-width: 720px; + max-width: 1280px; width: 100%; text-align: center; container-type: inline-size; @@ -511,7 +511,7 @@ kbd { .archive-header, .archive-row { display: grid; - grid-template-columns: 70px 80px 1fr 90px 90px 150px 150px; + grid-template-columns: 70px 80px 1fr 1fr 90px 90px 150px 150px; gap: 10px; align-items: center; padding: 10px 12px; @@ -522,7 +522,7 @@ kbd { overflow: auto; } .archive-table { - min-width: 860px; + min-width: 1040px; } .archive-header { font-weight: 800; @@ -544,6 +544,8 @@ kbd { } .archive-header span:nth-child(3), .archive-row span:nth-child(3) { grid-column: span 2; } + .archive-header span:nth-child(4), + .archive-row span:nth-child(4) { grid-column: span 2; } .archive-table { min-width: 100%; } } diff --git a/frontend/src/pages/ArchivePage.tsx b/frontend/src/pages/ArchivePage.tsx index 0db2f50..4ccdcf9 100644 --- a/frontend/src/pages/ArchivePage.tsx +++ b/frontend/src/pages/ArchivePage.tsx @@ -80,6 +80,7 @@ export default function ArchivePage() { ID 話数 タイトル + シーズン 開始時刻 再生時間 登録 @@ -90,6 +91,7 @@ export default function ArchivePage() { #{it.id} 第{it.ep_num}話 {it.ep_title} + {it.season_name} {it.start_time.slice(0, 5)} {it.playback_length.slice(0, 5)} {formatTimestamp(it.date_created)}