fix(ui): Marketplace-Stack + Mehr-laden-Button + Header-Logo
Some checks are pending
CI / validate (push) Waiting to run
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:
parent
cb5d23ec03
commit
2b35168d38
3 changed files with 19 additions and 9 deletions
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue