From 979475e2a87daf974d95462905a9185d4dcc1d9f Mon Sep 17 00:00:00 2001
From: texm <texm@users.noreply.github.com>
Date: Wed, 26 Apr 2023 08:16:49 +0800
Subject: [PATCH] add base

---
 web/src/routes/Screenshots.svelte | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/routes/Screenshots.svelte b/web/src/routes/Screenshots.svelte
index 9616aaa..7d89cf8 100644
--- a/web/src/routes/Screenshots.svelte
+++ b/web/src/routes/Screenshots.svelte
@@ -1,8 +1,10 @@
 <script>
+	import {base} from "$app/paths";
+
 	const carouselImages = [
-		{alt: "dashboard screenshot", src: "/images/dashboard-light.webp"},
-		{alt: "app overview", src: "/images/app-overview.webp"},
-		{alt: "service overview", src: "/images/service-overview.webp"},
+		{alt: "dashboard screenshot", src: `${base}/images/dashboard-light.webp`},
+		{alt: "app overview", src: `${base}/images/app-overview.webp`},
+		{alt: "service overview", src: `${base}/images/service-overview.webp`},
 	]
 
 	const nextIdx = i => ((i + 1) % carouselImages.length);
@@ -10,6 +12,6 @@
 </script>
 
 <div class="mockup-window rounded-xl bg-base-200 w-auto h-fit shadow-lg shadow-secondary">
-	<img class="inline dark:hidden" alt="dashboard screenshot" src="/images/dashboard-dark.webp" />
-	<img class="hidden dark:inline" alt="dashboard screenshot" src="/images/dashboard-light.webp" />
+	<img class="inline dark:hidden" alt="dashboard screenshot" src="{base}/images/dashboard-dark.webp" />
+	<img class="hidden dark:inline" alt="dashboard screenshot" src="{base}/images/dashboard-light.webp" />
 </div>