From a18e2bb0950d834ff6f2f58606b29bafefe265d4 Mon Sep 17 00:00:00 2001
From: w33b <w33b@hstream.moe>
Date: Sun, 16 Aug 2026 10:22:34 +0200
Subject: [PATCH] fix(navigation): show logo text on mobile and truncate
 overflow

The logo text was previously hidden on all screens except extra-large.
Updated visibility classes to display it on small screens (mobile) while
maintaining the hidden state on medium-to-large screens until the
extra-large breakpoint. Added truncation to prevent horizontal overflow.
---
 resources/views/layouts/navigation.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
index 9a85824..0aeb65c 100644
--- a/resources/views/layouts/navigation.blade.php
+++ b/resources/views/layouts/navigation.blade.php
@@ -9,7 +9,7 @@
                     <span class="relative">
                         <img src="/images/cropped-HS-1-192x192.webp" class="h-9 w-9 rounded-xl " alt="hstream.moe Logo" />
                     </span>
-                    <span class="hidden text-lg font-bold bg-gradient-to-r from-rose-600 to-pink-500 bg-clip-text text-transparent xl:block">hstream.moe</span>
+                    <span class="text-lg font-bold bg-gradient-to-r from-rose-600 to-pink-500 bg-clip-text text-transparent md:hidden xl:block truncate">hstream.moe</span>
                 </a>
 
                 <div class="hidden min-w-0 items-center gap-1 md:flex">