josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add save-to-device export, server export route and an On other devices P2P list

Browse Source
This commit is contained in:
Claude
2026-10-01 18:53:00 +00:00
parent 08e95814e5
commit 02b337fcbc
10 changed files with 385 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/refresh.css
View File

@@ -370,3 +370,21 @@
border: 1px solid rgba(255, 180, 84, 0.5);
}
.lyr-line.flagged.mine::after { background: #ffb454; color: #1a1206; border-color: #ffb454; }
/* ---- Save to device + On other devices ---- */
.card-act {
background: var(--bg-3); border: 1px solid var(--line); color: var(--text-2);
width: 36px; height: 36px; border-radius: 11px; flex-shrink: 0; align-self: center;
font-size: 16px; line-height: 1; cursor: pointer; transition: all 0.16s var(--ease);
}
.card-act:hover { color: #fff; background: var(--accent); border-color: var(--accent); }
.p2p-card .p2p-on { color: #7ee0a8; font-weight: 700; }
.p2p-card .p2p-off { color: var(--text-dim); }
.export-box { display: grid; gap: 14px; min-width: min(420px, 78vw); }
.export-status { font-size: 14px; line-height: 1.45; color: var(--text-2); overflow-wrap: anywhere; }
.export-bar { height: 8px; border-radius: 99px; background: var(--bg-3); overflow: hidden; }
.export-bar i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--accent-deep), var(--accent-bright)); transition: width 0.25s linear; }
.export-bar.busy i { width: 40%; animation: export-slide 1.2s ease-in-out infinite; }
@keyframes export-slide { 0% { margin-left: -40%; } 100% { margin-left: 100%; } }
.export-actions { display: grid; gap: 8px; }
.export-actions .btn { height: 48px; width: 100%; }