devilreef/denpa-radio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(frontend): add HistoryCard + HistoryList

Browse source
This commit is contained in:
devilreef 2026-04-30 09:42:16 +06:00
parent 65d88be032
commit 01c281ca80
Signed by: devilreef
SSH key fingerprint: SHA256:UZisRr4iuXx+IhkbZnR655L2RWAT6o2rgbGv5F/6m3Y
3 changed files with 88 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/styles/components/history-card.css Normal file
View file

@ -0,0 +1,28 @@
.full-secthead { margin-bottom: 14px; }
.full-secthead-jp { font-family: var(--f-pixel); font-size: 18px; color: var(--lemon); letter-spacing: 4px; }
.full-secthead-en { font-family: var(--f-pixel); font-size: 22px; color: var(--cream); letter-spacing: 1px; margin-top: 2px; }
.card {
background: var(--plum);
border: 2px solid var(--ink);
padding: 22px 24px;
position: relative;
}
.card::before {
content: ""; position: absolute; inset: 4px; border: 1px dashed #ff3ea522; pointer-events: none;
}
.history-list { display: flex; flex-direction: column; }
.history-row {
display: grid; grid-template-columns: 50px 1fr auto;
gap: 12px; padding: 8px 4px;
border-bottom: 1px dashed #ff3ea522;
font-size: 13px;
}
.history-row:last-child { border-bottom: none; }
.history-row .t { font-family: var(--f-mono); color: var(--cyan); }
.history-row .title { font-family: var(--f-pixel); font-size: 14px; color: var(--cream); }
.history-row .artist { font-family: var(--f-mono); color: #fff4e8aa; font-size: 12px; }
.history-empty {
font-family: var(--f-mono); font-size: 13px; color: #fff4e8aa; padding: 8px 4px;
}