From ba5c5e40fd317c9fe6d6fae5ed9bd023dc698515 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sun, 4 May 2025 19:49:02 +0100
Subject: [PATCH] fix: banner text on small screens

---
 src/components/admin/banner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/banner.tsx b/src/components/admin/banner.tsx
index 3a69344..362ce57 100644
--- a/src/components/admin/banner.tsx
+++ b/src/components/admin/banner.tsx
@@ -14,8 +14,8 @@ export default function AdminBanner() {
 	if (!data || !data.message) return null;
 
 	return (
-		<div className="w-full h-10 bg-orange-300 border-y-2 border-y-orange-400 mt-1 shadow-md flex justify-center items-center gap-2 text-orange-900 font-semibold">
-			<Icon icon="humbleicons:exclamation" className="text-2xl" />
+		<div className="w-full h-10 bg-orange-300 border-y-2 border-y-orange-400 mt-1 shadow-md flex justify-center items-center gap-2 text-orange-900 text-nowrap overflow-x-auto font-semibold max-sm:justify-start">
+			<Icon icon="humbleicons:exclamation" className="text-2xl min-w-6" />
 			<span>{data.message}</span>
 		</div>
 	);