sangsong7th/RECS-WEB-MODLE-REACT
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update WBBR frontend template collection

Browse Source
This commit is contained in:
Codex
2026-08-27 20:15:24 +08:00
parent bd4d54a110
commit e444605e5d
85 changed files with 6322 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/media-player/MediaPlaylist.module.css Normal file
View File

@@ -0,0 +1,17 @@
.playlistActions{display:flex;align-items:flex-end;gap:8px}
.playlistActions label{display:flex;flex-direction:column;gap:4px;color:#656d80;font-size:7px}
.playlistActions select{height:32px;padding:0 27px 0 9px;border:1px solid #2b3140;border-radius:6px;background:#121722;color:#b6bdcc;cursor:pointer;font-size:8px}
.playlistActions option{background:#121722}
.playlistActions>button{height:32px;padding:0 11px;border:1px solid #2b3140;border-radius:6px;background:#121722;color:#858ea1;cursor:pointer;font-size:8px}
.playlistActions>button:hover{border-color:#6e5acd;color:#fff}
.videoMode{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.videoMode i{color:#626a7d;font-size:7px;font-style:normal}
.videoMode select{height:28px;padding:0 7px;border:1px solid #2b3140;border-radius:5px;background:#121722;color:#aeb5c5;font-size:7px}
.videoMode option{background:#121722}
.draggableVideo{grid-template-columns:15px 92px 1fr!important;cursor:grab!important}
.draggableTrack{grid-template-columns:18px 35px 42px minmax(180px,1fr) minmax(140px,.7fr) 55px!important;cursor:grab!important}
.draggableVideo:active,.draggableTrack:active{cursor:grabbing!important}
.dragHandle{align-self:center;color:#4f576b;font-size:10px;font-style:normal;letter-spacing:-3px;text-align:center}
.draggingItem{opacity:.42!important}
.dropTarget{box-shadow:inset 0 2px 0 #8b6aff;background:rgba(139,106,255,.1)!important}
@media(max-width:720px){.playlistActions{align-items:stretch;flex-direction:column}.playlistActions label{flex-direction:row;align-items:center;justify-content:space-between}.draggableTrack{grid-template-columns:16px 28px 38px 1fr 44px!important}.draggableTrack>span:nth-of-type(2){display:none}.draggableVideo{grid-template-columns:15px 84px 1fr!important}}