disable wide artist header by default

Author: cwilvx

src/components/BottomBar/Left.vue

@@ -101,12 +101,19 @@ defineEmits<{
       align-items: center;
       justify-content: center;
       opacity: 0;
-      transition: opacity 0.2s;
+      transition: all 0.2s;
 
       svg {
         transform: rotate(-90deg);
       }
     }
+
+    &:hover {
+      .expandicon {
+        transform: translateY(-$medium);
+        height: 130%;
+      }
+    }
   }
 
   a {

src/components/BottomBar/Right.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="right-group">
-    <LyricsButton v-if="settings.use_lyrics_plugin || lyrics.exists" />
+    <LyricsButton />
     <Volume />
     <button
       class="repeat"
@@ -32,7 +32,6 @@
 <script setup lang="ts">
 import useQueue from "@/stores/queue";
 import useSettings from "@/stores/settings";
-import useLyrics from "@/stores/lyrics";
 
 import Volume from "./Volume.vue";
 import HeartSvg from "../shared/HeartSvg.vue";
@@ -42,7 +41,6 @@ import RepeatOneSvg from "@/assets/icons/repeat-one.svg";
 import ShuffleSvg from "@/assets/icons/shuffle.svg";
 
 const queue = useQueue();
-const lyrics = useLyrics();
 const settings = useSettings();
 
 defineProps<{

src/stores/settings/index.ts

@@ -32,7 +32,7 @@ export default defineStore("settings", {
     separators: <string[]>[],
 
     // client
-    useCircularArtistImg: false,
+    useCircularArtistImg: true,
 
     // plugins
     use_lyrics_plugin: <boolean | undefined>false,