From a43b2c1468876f687825d56dd4fe513a19ccb0b8 Mon Sep 17 00:00:00 2001
From: Tobias Messner <tobias@zusor.io>
Date: Thu, 12 Sep 2024 12:03:34 +0200
Subject: [PATCH] fix: Hide welcome banner on small screens

On small screens, the welcome banner is unnecessary clutter.
Hide it on anything that's less tall than a 1080p monitor.

Closes #1786
---
 frontend/src/app/sessions/sessions.component.html | 2 +-
 frontend/tailwind.config.js                       | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/sessions/sessions.component.html b/frontend/src/app/sessions/sessions.component.html
index 08ed3f5c4..8db643590 100644
--- a/frontend/src/app/sessions/sessions.component.html
+++ b/frontend/src/app/sessions/sessions.component.html
@@ -3,7 +3,7 @@
  ~ SPDX-License-Identifier: Apache-2.0
  -->
 
-<div class="mb-12"><app-welcome /></div>
+<div class="mb-12 hidden tall:block"><app-welcome /></div>
 
 <app-user-sessions-wrapper>
   <div class="flex flex-wrap justify-around gap-4">
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 398e7a8ed..2d5d99eb1 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -30,6 +30,9 @@ module.exports = {
         // 2*10px is the margin of the mat-card
         "max-card": "calc(100vw - 2*3.9px - 2*10px)",
       },
+      screens: {
+        tall: { raw: "(min-height: 945px)" },
+      },
     },
   },
   plugins: [],