w33b/hstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(navigation): show logo text on mobile and truncate overflow

Browse Source 
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.
This commit is contained in:
w33b
2026-08-16 10:22:34 +02:00
parent 40fe75d9b7
commit a18e2bb095
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/navigation.blade.php
+1 -1
View File
@@ -9,7 +9,7 @@
<span class="relative"> <span class="relative">
<img src="/images/cropped-HS-1-192x192.webp" class="h-9 w-9 rounded-xl " alt="hstream.moe Logo" /> <img src="/images/cropped-HS-1-192x192.webp" class="h-9 w-9 rounded-xl " alt="hstream.moe Logo" />
</span> </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> </a>
<div class="hidden min-w-0 items-center gap-1 md:flex"> <div class="hidden min-w-0 items-center gap-1 md:flex">