Add background image and styling improvements for artist cards

2025-05-04 17:10:57 +03:00
parent 1a20721cbb
commit 1b403c3d2b
5 changed files with 31 additions and 6 deletions
@@ -1,13 +1,23 @@
 <template>
    <title>Eurovision 2025</title>
    <Header />
-    <div class="container mx-auto pt-6 p-4 bg-slate-400">
+    <div class="container mx-auto pt-6 p-4">
        <slot />
    </div>
 </template>

 <style>
 body {
-    background-color: #aaa;
+    background-image: url('/bg.webp');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
 }
+
+.container {
+    -webkit-backdrop-filter: blur(20px);
+    backdrop-filter: blur(20px);
+    height: 100dvh;
+}
+
 </style>