From 358701309d2fe97381f4aeb4266e14fd25deb0a7 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Thu, 22 May 2025 01:40:42 +0200
Subject: [PATCH] hide elements on small screens

---
 src/layouts/website/WebsiteLayout.astro | 2 +-
 src/pages/index.astro                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/website/WebsiteLayout.astro b/src/layouts/website/WebsiteLayout.astro
index 7f5e657..72c3ca2 100644
--- a/src/layouts/website/WebsiteLayout.astro
+++ b/src/layouts/website/WebsiteLayout.astro
@@ -30,7 +30,7 @@ const { title, description, footer = true } = Astro.props;
         <a class="link" href="https://mhsl.eu/id.html" target="_blank">Impressum</a>
         <a class="link" href="https://mhsl.eu/datenschutz.html" target="_blank">Datenschutz</a>
       </div>
-      <div class="flex gap-2 items-center">
+      <div class="hidden sm:flex gap-2 items-center">
         <a href="ts3server://mhsl.eu?port=9987" target="_blank">
           <Icon name="fa-brands:teamspeak" />
         </a>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e88cd2f..94b4269 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -78,7 +78,7 @@ const information = [
     </div>
   </div>
 
-  <div class="fixed bottom-0 right-0 m-5">
+  <div class="fixed bottom-0 sm:right-0 m-5 hidden sm:block">
     <Scroll href="#teams" client:load />
   </div>