From 5e217bdfd5a6f880be2a2e180e9c6c1c9d239e3e Mon Sep 17 00:00:00 2001
From: maxDorninger <97409287+maxDorninger@users.noreply.github.com>
Date: Sun, 25 May 2025 19:29:35 +0200
Subject: [PATCH] refine frontend ui

---
 web/src/lib/components/add-show-card.svelte |  2 +-
 web/src/routes/dashboard/+page.svelte       | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/web/src/lib/components/add-show-card.svelte b/web/src/lib/components/add-show-card.svelte
index 2c8d62b..9e59b6f 100644
--- a/web/src/lib/components/add-show-card.svelte
+++ b/web/src/lib/components/add-show-card.svelte
@@ -74,7 +74,7 @@
             <span class="text-sm text-yellow-600 font-medium flex items-center">
                 <svg class="w-4 h-4 mr-1 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path
                         d="M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"/></svg>
-                Rating: {result.vote_average}/10
+                Rating: {Math.round(result.vote_average)}/10
             </span>
             {/if}
         </div>
diff --git a/web/src/routes/dashboard/+page.svelte b/web/src/routes/dashboard/+page.svelte
index 7b9a8ce..30560e2 100644
--- a/web/src/routes/dashboard/+page.svelte
+++ b/web/src/routes/dashboard/+page.svelte
@@ -30,6 +30,9 @@
     </div>
 </header>
 <div class="flex flex-1 flex-col gap-4 p-4 pt-0">
+    <h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
+        Dashboard
+    </h1>
     <div class="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min items-center justify-center p-4">
         <div class="xl:max-w-[1200px] lg:max-w-[750px] md:max-w-[500px] sm:max-w-[200px] mx-auto">
             <h3 class="scroll-m-20 text-2xl font-semibold tracking-tight text-center my-4">Trending Shows</h3>
@@ -42,11 +45,13 @@
 
         </div>
     </div>
-    <div class="grid auto-rows-min gap-4 md:grid-cols-3">
-        <div class="aspect-video rounded-xl bg-muted/50"></div>
-        <div class="aspect-video rounded-xl bg-muted/50"></div>
-        <div class="aspect-video rounded-xl bg-muted/50">
-        </div>
-    </div>
 
+    <!---
+        <div class="grid auto-rows-min gap-4 md:grid-cols-3">
+            <div class="aspect-video rounded-xl bg-muted/50"></div>
+            <div class="aspect-video rounded-xl bg-muted/50"></div>
+            <div class="aspect-video rounded-xl bg-muted/50">
+            </div>
+        </div>
+    -->
 </div>