fix(ui): Marketplace-Stack + Mehr-laden-Button + Header-Logo
Some checks are pending
CI / validate (push) Waiting to run

- MarketplaceDeckStack: cover-desc auf 6 Zeilen geclampt
  (vorher unbegrenzt, lange Beschreibungen überlagerten den Titel
  visuell und wurden hart vom overflow:hidden abgeschnitten).
- Explore: "Mehr laden"-Button von full-width-Border auf
  zentriertes Pill mit Primary-Fill, mit "X von Y"-Counter
  drüber. Vorher kaum sichtbar.
- Header: "C"-Logo (Cards-Rebrand-Rest) auf "W" gesetzt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-05-20 13:44:40 +02:00
parent cb5d23ec03
commit 2b35168d38
3 changed files with 19 additions and 9 deletions

View file

@ -50,7 +50,7 @@
<div class="bottom-bar" role="navigation" aria-label={t('common.main_nav')}>
<!-- Logo -->
<a href="/" class="logo-badge" aria-label={t('app.name')}>C</a>
<a href="/" class="logo-badge" aria-label={t('app.name')}>W</a>
<div class="divider" aria-hidden="true"></div>

View file

@ -162,6 +162,11 @@
font-size: 0.75rem;
color: hsl(var(--color-muted-foreground));
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 6;
line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cover-meta {

View file

@ -169,14 +169,19 @@
{/if}
{#if browseResults.length < browseTotal}
<button
type="button"
class="mt-4 w-full rounded border border-[hsl(var(--color-border))] py-2 text-sm hover:bg-[hsl(var(--color-card))]"
onclick={onLoadMore}
disabled={loadingBrowse}
>
{loadingBrowse ? 'Lade…' : `${browseResults.length} / ${browseTotal} mehr laden`}
</button>
<div class="mt-6 flex flex-col items-center gap-2">
<span class="text-xs text-[hsl(var(--color-muted-foreground))]">
{browseResults.length} von {browseTotal}
</span>
<button
type="button"
class="rounded-full bg-[hsl(var(--color-primary))] px-6 py-2 text-sm font-medium text-[hsl(var(--color-primary-foreground))] shadow-sm transition-opacity hover:opacity-90 disabled:opacity-50"
onclick={onLoadMore}
disabled={loadingBrowse}
>
{loadingBrowse ? 'Lade…' : 'Mehr laden'}
</button>
</div>
{/if}
</section>
</div>