nik/watch-party
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(archive): update archive page layout and add season column to episode list

Browse Source
This commit is contained in:
Nik Afiq 2025-12-17 23:42:40 +09:00
parent f17905eeff
commit 2889a38ab6
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/index.css
View File

@ -70,7 +70,7 @@ html, body, #root {
border-radius: 16px; border-radius: 16px;
padding: 28px 32px; padding: 28px 32px;
box-shadow: 0 10px 30px rgba(0,0,0,0.25); box-shadow: 0 10px 30px rgba(0,0,0,0.25);
max-width: 720px; max-width: 1280px;
width: 100%; width: 100%;
text-align: center; text-align: center;
container-type: inline-size; container-type: inline-size;
@ -511,7 +511,7 @@ kbd {
.archive-header, .archive-header,
.archive-row { .archive-row {
display: grid; 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; gap: 10px;
align-items: center; align-items: center;
padding: 10px 12px; padding: 10px 12px;
@ -522,7 +522,7 @@ kbd {
overflow: auto; overflow: auto;
} }
.archive-table { .archive-table {
min-width: 860px; min-width: 1040px;
} }
.archive-header { .archive-header {
font-weight: 800; font-weight: 800;
@ -544,6 +544,8 @@ kbd {
} }
.archive-header span:nth-child(3), .archive-header span:nth-child(3),
.archive-row span:nth-child(3) { grid-column: span 2; } .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%; } .archive-table { min-width: 100%; }
} }

2
frontend/src/pages/ArchivePage.tsx
View File

@ -80,6 +80,7 @@ export default function ArchivePage() {
<span>ID</span> <span>ID</span>
<span>話数</span> <span>話数</span>
<span>タイトル</span> <span>タイトル</span>
<span>シーズン</span>
<span>開始時刻</span> <span>開始時刻</span>
<span>再生時間</span> <span>再生時間</span>
<span>登録</span> <span>登録</span>
@ -90,6 +91,7 @@ export default function ArchivePage() {
<span>#{it.id}</span> <span>#{it.id}</span>
<span>第{it.ep_num}話</span> <span>第{it.ep_num}話</span>
<span>{it.ep_title}</span> <span>{it.ep_title}</span>
<span>{it.season_name}</span>
<span>{it.start_time.slice(0, 5)}</span> <span>{it.start_time.slice(0, 5)}</span>
<span>{it.playback_length.slice(0, 5)}</span> <span>{it.playback_length.slice(0, 5)}</span>
<span className="subtle">{formatTimestamp(it.date_created)}</span> <span className="subtle">{formatTimestamp(it.date_created)}</span>