From 017e3d2505fb00a98bf239ea8e8e1934743d8104 Mon Sep 17 00:00:00 2001
From: Nassim Jahnke <nassim@njahnke.dev>
Date: Sun, 21 Jul 2024 22:11:08 +0200
Subject: [PATCH] Only make Projects header absolute on large displays

---
 frontend/src/components/Homepage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Homepage.vue b/frontend/src/components/Homepage.vue
index 2851aa0af..370ac9f3a 100644
--- a/frontend/src/components/Homepage.vue
+++ b/frontend/src/components/Homepage.vue
@@ -249,7 +249,7 @@ useHead(
     <Container lg="flex items-start gap-6">
       <!-- Projects -->
       <div v-if="projects" class="w-full min-w-0 mb-5 flex flex-col gap-2 lg:mb-0">
-        <h2 class="font-bold text-2xl absolute -mt-11">Projects</h2>
+        <h2 class="font-bold text-2xl lg:(absolute -mt-11)">Projects</h2>
         <ProjectList ref="projectList" :projects="projects" :reset-anchor="pageChangeScrollAnchor" @update:page="(newPage) => (page = newPage)" />
       </div>
       <!-- Sidebar -->