From 2cf7b07c9cc24bdb9280573d864eab5ef48b97f5 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sun, 25 Feb 2024 15:58:11 +0100
Subject: [PATCH] working on background

---
 src/components/Background.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Background.vue b/src/components/Background.vue
index 864401b..5367388 100644
--- a/src/components/Background.vue
+++ b/src/components/Background.vue
@@ -20,14 +20,14 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="flex w-full w-container">
-    <div class="bg absolute inset-0 z-20 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
+  <ClientOnly>
+    <div class="bg sm:mx-8 absolute inset-0 z-20 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
       <div
         class="aspect-[1.7] h-full w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
         :style="{ 'clip-path': `polygon(${poly})` }"
       />
     </div>
-  </div>
+  </ClientOnly>
 </template>
 
 <style scoped>