sebastjan/folxplay-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: make video player and stats boxes semi-transparent (no big black box)

Browse Source
This commit is contained in:
OpenClaw Agent
2026-04-29 11:43:36 +02:00
parent 62c6c8c437
commit 2566163100
4 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+9 -4
View File
@@ -102,7 +102,9 @@ a:hover { border-bottom: 1px solid #313131; }
/* ---------- currently playing / select ---------- */
.currentlyPlaying {
background: #0009;
background: rgba(0, 0, 0, 0.55);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
padding: 15px;
margin-top: 10px;
border-radius: 15px;
@@ -111,7 +113,9 @@ a:hover { border-bottom: 1px solid #313131; }
.currentlyPlaying b { font-weight: 700; }
.selectChannelBox {
background: #000;
background: rgba(0, 0, 0, 0.55);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
height: 400px;
display: flex;
text-align: center;
@@ -119,7 +123,6 @@ a:hover { border-bottom: 1px solid #313131; }
border-radius: 15px;
color: #b4b4b4;
align-items: center;
background-color: #000000e6;
font-size: 18px;
}
@media all and (max-width: 800px) {
@@ -138,7 +141,9 @@ a:hover { border-bottom: 1px solid #313131; }
/* ---------- playing stats / Top10 ---------- */
.playingStats {
color: #eee;
background: #0009;
background: rgba(0, 0, 0, 0.55);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
padding: 15px;
margin-top: 10px;
border-radius: 15px;