From 8b25ed8fc11e18770f290239db2cc84e4cf958b6 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Sat, 4 Jan 2025 12:21:58 +0100
Subject: [PATCH] fix(regression): App background color

---
 front/src/components/library/Artists.vue | 4 ----
 front/src/ui/App.vue                     | 6 +++---
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index ec531f064..1a33858ac 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -30,7 +30,6 @@ import useOrdering from '~/composables/navigation/useOrdering'
 import useErrorHandler from '~/composables/useErrorHandler'
 import usePage from '~/composables/navigation/usePage'
 import useLogger from '~/composables/useLogger'
-import Section from '../ui/layout/Section.vue'
 
 interface Props extends OrderingProps {
   scope?: 'me' | 'all'
@@ -127,9 +126,6 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
 </script>
 
 <template>
-  <Section h1="">
-
-  </Section>
     <Layout stack main v-title="labels.title">
       <h2>
         {{ t('components.library.Artists.header.browse') }}
diff --git a/front/src/ui/App.vue b/front/src/ui/App.vue
index 36241ba2f..0865ec429 100644
--- a/front/src/ui/App.vue
+++ b/front/src/ui/App.vue
@@ -16,9 +16,9 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="funkwhale grid">
+  <div class="funkwhale responsive">
     <Sidebar/>
-    <RouterView v-bind="color({}, ['default', 'solid'])" />
+    <RouterView v-bind="color({}, ['default', 'solid'])()" />
     <LanguagesModal />
     <ShortcutsModal />
     <UploadModal />
@@ -26,7 +26,7 @@ onMounted(async () => {
 </template>
 
 <style scoped lang="scss">
-.grid {
+.responsive {
   display: grid !important;
   grid-template-columns: 100%;
   grid-template-rows: min-content;