From 85e6287ede6e945f85bf32cca5fd94d48f82a9dc Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Tue, 12 Dec 2023 16:25:11 +0100
Subject: [PATCH] Remove old styles

---
 frontend/src/lib/components/Tabs.svelte       |  1 -
 frontend/src/routes/+page.svelte              | 15 ++++++++++++++-
 frontend/src/routes/paths/[slug]/+page.svelte |  1 -
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/Tabs.svelte b/frontend/src/lib/components/Tabs.svelte
index 50a03af..6c1ec30 100644
--- a/frontend/src/lib/components/Tabs.svelte
+++ b/frontend/src/lib/components/Tabs.svelte
@@ -12,7 +12,6 @@
 	let component = InfoTab;
 	onMount(() => {
 		const gbcr = ref.getBoundingClientRect();
-		console.log(gbcr);
 		ref.style.height = `${gbcr.height}px`;
 	});
 
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 03024ec..8503e5b 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,10 +1,22 @@
 <script lang="ts">
 	import Path from '$lib/components/Path.svelte';
 	import Splash from '$lib/components/Splash.svelte';
-	
+	import { onNavigate } from '$app/navigation';
+
 	export let data;
 	let categories = data.categories;
 
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
+
 </script>
 
 <Splash />
@@ -32,6 +44,7 @@
 		font-size: 22px;
 	}
 	#welcome-message {
+		padding-top: 20px;
 		font-size: 18px;
 		display: grid;
 		width: 100%;
diff --git a/frontend/src/routes/paths/[slug]/+page.svelte b/frontend/src/routes/paths/[slug]/+page.svelte
index 0d33589..b3f605e 100644
--- a/frontend/src/routes/paths/[slug]/+page.svelte
+++ b/frontend/src/routes/paths/[slug]/+page.svelte
@@ -32,7 +32,6 @@
 		justify-content: center;
 		gap: 15px;
 		padding-top: 10px;
-		margin-top: 70px;
 		overflow-y: scroll;
 	}
 </style>