till/cards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(web): SkeletonGrid padding an DeckListGrid angleichen — kein Layout-Sprung mehr

Browse source 
padding-block: 0 1rem → 1.25rem 2.5rem (identisch zu DeckListGrid/.deck-row),
plus ::after-Spacer ergänzt. Verhindert den Höhensprung beim Übergang
Skeleton → echte Decks auf /decks und /explore.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-05-11 14:45:31 +02:00
parent 3a4523da3e
commit 41ecec16c3
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/web/src/lib/components/marketplace/SkeletonGrid.svelte
View file

@ -18,7 +18,7 @@
.skeleton-row { .skeleton-row {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding-block: 0 1rem; padding-block: 1.25rem 2.5rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1rem; gap: 1rem;
@ -34,6 +34,12 @@
width: max(1rem, calc((100dvw - 72rem) / 2 + 1rem)); width: max(1rem, calc((100dvw - 72rem) / 2 + 1rem));
} }
.skeleton-row::after {
content: '';
flex-shrink: 0;
width: max(1rem, calc((100dvw - 72rem) / 2 + 1rem));
}
.skeleton-item { .skeleton-item {
flex: 0 0 auto; flex: 0 0 auto;
width: 16rem; width: 16rem;