this basically works

2022-06-24 15:59:30 +08:00 · 2022-06-24 15:59:30 +08:00 · d89a29ee95
commit d89a29ee95
parent 0ca0b34ff0
3 changed files with 30 additions and 1 deletions
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@ -658,6 +658,22 @@
      width          : 100%;
      height         : 100%;

+      .playlist-hero {
+        width             : 100%;
+        transform: translateX(+25%);
+        position: absolute;
+        z-index : -1;
+        top     : 0;
+        left    : 0;
+        right   : 0;
+        bottom  : 0;
+    
+        .mediaitem-artwork {
+          -webkit-mask-image: -webkit-radial-gradient(center, circle cover, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 75%);
+          border-radius: 0px;
+        }
+      }
+
      >.row {
        width: calc(100% - 32px);
      }