[web] Remove remnants of the name forked-daapd in styles

web-src/src/components/CoverArtwork.vue

@@ -1,5 +1,5 @@
 <template>
-  <figure>
+  <figure class="cover has-shadow">
     <img v-lazy="{ src: url, lifecycle }" @click="$emit('click')" />
   </figure>
 </template>
@@ -50,3 +50,58 @@ export default {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+@use 'bulma/sass/utilities/mixins';
+
+.cover {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  &.is-small {
+    width: 4rem;
+    height: 4rem;
+    img {
+      border-radius: var(--bulma-radius-small);
+      max-width: 4rem;
+      max-height: 4rem;
+    }
+  }
+  &.is-medium {
+    @include mixins.tablet {
+      justify-content: right;
+    }
+    img {
+      border-radius: var(--bulma-radius);
+      max-height: calc(150px - 1.5rem);
+    }
+  }
+  &.is-normal {
+    img {
+      border-radius: var(--bulma-radius-large);
+      width: 100%;
+    }
+  }
+  &.is-big {
+    @include mixins.mobile {
+      @media screen and (orientation: landscape) {
+        img {
+          display: none;
+        }
+      }
+    }
+    img {
+      border-radius: var(--bulma-radius-large);
+      max-height: calc(100vh - 26rem);
+    }
+    &.is-masked {
+      filter: blur(0.5rem) opacity(0.2);
+    }
+  }
+}
+.has-shadow img {
+  box-shadow:
+    0 0.25rem 0.5rem 0 var(--bulma-background-active),
+    0 0.375rem 1.25rem 0 var(--bulma-background-active);
+}
+</style>

web-src/src/components/ListAlbums.vue

@@ -17,7 +17,7 @@
         :url="item.item.artwork_url"
         :artist="item.item.artist"
         :album="item.item.name"
-        class="media-left fd-has-shadow fd-cover fd-cover-small-image"
+        class="media-left is-small"
       />
       <div class="media-content">
         <div class="is-size-6 has-text-weight-bold" v-text="item.item.name" />

web-src/src/components/ListAlbumsSpotify.vue

@@ -12,7 +12,7 @@
           :url="artwork_url(item)"
           :artist="item.artist"
           :album="item.name"
-          class="fd-has-shadow fd-cover fd-cover-small-image"
+          class="is-small"
         />
       </div>
       <div class="media-content">

web-src/src/components/ModalDialogAlbum.vue

@@ -8,7 +8,7 @@
         :url="item.artwork_url"
         :artist="item.artist"
         :album="item.name"
-        class="fd-has-shadow fd-cover fd-cover-normal-image mb-3"
+        class="is-normal mb-3"
       />
       <div v-if="media_kind_resolved === 'podcast'" class="buttons">
         <a

web-src/src/components/ModalDialogAlbumSpotify.vue

@@ -8,7 +8,7 @@
         :url="artwork_url(item)"
         :artist="item.artist"
         :album="item.name"
-        class="fd-has-shadow fd-cover fd-cover-normal-image mb-3"
+        class="is-normal mb-3"
         @load="artwork_loaded"
         @error="artwork_error"
       />