presseportale/resources/views/components/web/hub/brand-context-banner.blade.php
Kevin Adametz c70e1754e0 web: Responsive-/Mobile-Fixes fürs öffentliche Frontend
Behebt strukturelle Mobile-Bugs (320/390px) über presseecho,
businessportal24 und den pressekonto-Hub hinweg:

- Focus-/Kategorie-/Newsroom-Hero: Text im Flow (min-h + flex) statt
  fester Höhe, responsive Typo — Overlay überläuft nicht mehr nach oben.
- Quality-Summary: Grid stackt auf Mobile (behebt Seiten-Overflow).
- Hub: Utility-Bar mit Wrap, Header mit Mobile-Burger, Footer stackt,
  Architektur-Diagramm als gestapelte Mobile-Variante.
- Sticky-Header (Portal): fehlende .header-sticky-CSS ergänzt und Script
  mit Platzhalter, damit der Header beim Scrollen sichtbar bleibt.
- Header-Overflow bei 320px entschärft (Portal + Hub); Hub-Hero-H1
  verkleinert, damit die Wortmarke "businessportal24" umbricht.
- Mobile-Nav um Preise/FAQ/API ergänzt; Industry-Index-Dichte,
  Touch-Targets und Preise-Einzel-PM-Block für kleine Screens verbessert.
- Homepages/Shared: px-8 → px-4 sm:px-6 lg:px-8.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-16 09:33:49 +00:00

45 lines
2.1 KiB
PHP

@props([
'from' => null,
])
@php
$brandMap = [
'presseecho' => [
'brand' => 'presseecho',
'url' => config('domains.domain_presseecho_url'),
],
'businessportal24' => [
'brand' => 'businessportal24',
'url' => config('domains.domain_businessportal_url'),
],
];
$context = $brandMap[$from] ?? null;
@endphp
@if ($context)
<div class="bg-hub-soft border-b border-hub-soft-2">
<div class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 py-3 flex items-center gap-4 flex-wrap">
<span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-hub text-white flex-shrink-0">
<svg width="11" height="11" viewBox="0 0 12 12" fill="none">
<path d="M7.5 2.5L4 6l3.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
<div class="text-[12.5px] text-ink-2 leading-[1.45]">
Sie kommen von
<a class="font-semibold underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub" href="{{ $context['url'] }}">
<x-web.brand-mark :brand="$context['brand']" />
</a>.
Ihr Konto hier funktioniert für <strong class="text-hub font-semibold">beide Portale</strong> —
<x-web.brand-mark brand="presseecho" /> und <x-web.brand-mark brand="businessportal24" />.
</div>
<span class="flex-1"></span>
<a href="{{ $context['url'] }}" class="inline-flex items-center gap-1.5 text-[12px] font-medium text-ink-3 hover:text-hub transition-colors">
<svg width="10" height="10" viewBox="0 0 12 12" fill="none">
<path d="M7.5 2.5L4 6l3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
Zurück zu <x-web.brand-mark :brand="$context['brand']" :serif="false" class="font-medium" />
</a>
</div>
</div>
@endif