show plain background if playlist has no banner image

src/components/LeftSidebar/Navigation.vue

@@ -101,10 +101,7 @@ const menus = [
     margin: 0 $small 0 $small;
     border-radius: $small;
     transform: scale(0.9);
-  }
-
-  svg > path {
-    fill: $accent;
+    opacity: .75;
   }
 }
 </style>

src/components/PlaylistView/Header.vue

@@ -4,11 +4,12 @@
     ref="playlistheader"
     :style="[
       {
-        backgroundImage: `url(${imguri + info.image})`,
+        backgroundImage: info.image ? `url(${imguri + info.image})` : '',
       },
     ]"
+    :class="{ border: !info.image }"
   >
-    <div class="gradient"></div>
+    <div class="gradient" v-if="info.image"></div>
     <div class="carddd">
       <div class="info">
         <div class="btns">
@@ -76,8 +77,7 @@ function showDropdown(e: any) {
   grid-template-columns: 1fr;
   height: 100%;
   position: relative;
-  color: $white;
-  background-color: transparent;
+
 
   .gradient {
     position: absolute;

src/components/modals/NewPlaylist.vue

@@ -96,20 +96,5 @@ function create(e: Event) {
     margin: 0 auto;
     width: 6rem;
   }
-
-  // input[type="submit"] {
-  //   margin: $small 0;
-  //   background-color: rgba(40, 132, 252, 0.884) !important;
-  //   color: $white;
-  //   padding: $small 1rem;
-  //   font-size: 1rem;
-  //   border: solid 2px transparent !important;
-  //   outline: none;
-  //   cursor: pointer;
-
-  //   &:focus {
-  //     border: 2px solid $gray1 !important;
-  //   }
-  // }
 }
 </style>