From f64cef01ae39be84ab6a864d17c512a41cb2b5e0 Mon Sep 17 00:00:00 2001
From: oliviareichl <Olivia.Reichl@oeaw.ac.at>
Date: Fri, 24 May 2024 12:24:39 +0200
Subject: [PATCH] chore: animate header

---
 components/app-header.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/app-header.vue b/components/app-header.vue
index a085f21..c29fc61 100644
--- a/components/app-header.vue
+++ b/components/app-header.vue
@@ -26,7 +26,14 @@ const links = computed(() => {
 							Barbara Frischmuth
 						</NavLink>
 					</div>
-					<div v-if="route.path !== '/'" class="ml-auto flex gap-x-4 font-semibold">
+					<div
+						:class="
+							route.path !== '/'
+								? 'opacity-100 translate-y-0'
+								: 'opacity-0 translate-y-5 pointer-events-none'
+						"
+						class="ml-auto flex gap-x-4 font-semibold transition"
+					>
 						<li v-for="(link, key, index) of links" :key="key" class="flex shrink-0 gap-x-4">
 							<Separator v-if="index > 0" class="h-5 w-0.5 bg-frisch-orange" />
 							<NavLink :href="link.href" class="hover:text-frisch-indigo">