Rename bookshop hero label and clamp description on mobile.

Show "Bookshop" instead of "Author bookshop", and ellipsis-truncate the tagline and bio to a single line on small screens.
2026-07-16 21:33:07 +00:00
parent 5bab0fedaf
commit 8ca3e3a903
1 changed files with 5 additions and 3 deletions
@@ -1221,9 +1221,11 @@
            <div class="absolute inset-0" style="background: linear-gradient(145deg, {{ $aColor }}, {{ $aColor }}99);"></div>
        @endif
        <div class="absolute inset-x-0 bottom-0 px-5 pb-5 text-white">
-            <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/80">Author bookshop</p>
+            <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/80">Bookshop</p>
            <h1 class="mt-1 text-2xl font-bold">{{ $aName }}</h1>
-            @if($aTagline)<p class="mt-1 text-sm text-white/90">{{ $aTagline }}</p>@endif
+            @if($aTagline)
+                <p class="mt-1 truncate text-sm text-white/90 sm:whitespace-normal sm:overflow-visible">{{ $aTagline }}</p>
+            @endif
        </div>
    </div>

@@ -1239,7 +1241,7 @@
                </div>
                <div class="min-w-0 flex-1">
                    @if(!empty($content['bio']))
-                        <p class="text-sm leading-relaxed text-slate-600">{{ $content['bio'] }}</p>
+                        <p class="truncate text-sm leading-relaxed text-slate-600 sm:whitespace-normal sm:overflow-visible">{{ $content['bio'] }}</p>
                    @endif
                    <div class="mt-3 flex flex-wrap gap-2">
                        @if(!empty($content['website']))