From 356291cc4f3369c21c38719243dcdff08ced74c2 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Mon, 27 Dec 2021 15:48:31 +0100
Subject: [PATCH] fix(header): added mobile support

---
 src/components/common/ServerHeader.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/common/ServerHeader.tsx b/src/components/common/ServerHeader.tsx
index 0e274879..036311ca 100644
--- a/src/components/common/ServerHeader.tsx
+++ b/src/components/common/ServerHeader.tsx
@@ -8,6 +8,8 @@ import styled, { css } from "styled-components";
 
 import { Text } from "preact-i18n";
 
+import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
+
 import Header from "../ui/Header";
 import IconButton from "../ui/IconButton";
 
@@ -52,6 +54,12 @@ const ServerBanner = styled.div<Props>`
         text-overflow: ellipsis;
         gap: 8px;
 
+        ${() =>
+            isTouchscreenDevice &&
+            css`
+                height: 56px;
+            `}
+
         .title {
             white-space: nowrap;
             overflow: hidden;