claude/kochwas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(wishlist): Actions als Card-Footer ohne Trenner
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 2m15s
Details

Browse Source 
Auf Mobile wirkten die Buttons in der abgesetzten grauen Row mit
border-top etwas verloren. Nun sitzen sie im gleichen weissen
Card-Background ohne Border/Background-Wechsel — das Footer-Padding
reicht als visuelle Trennung, die Buttons gehoeren erkennbar zur Card.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-22 15:50:12 +02:00
parent 0a97ea2fea
commit 2573f80940
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/routes/wishlist/+page.svelte
View File

@@ -343,24 +343,24 @@
font-weight: 600; font-weight: 600;
} }
/* Handy: Card stacked — Bild+Titel oben, Actions als eigene Reihe /* Handy: Card stacked — Bild+Titel oben, Actions als Card-Footer
darunter full-width. Vermeidet Titel-Overflow hinter den Buttons auf unten rechts. Vermeidet Titel-Overflow hinter den Buttons auf
schmalen Viewports (≤~414px), gibt Tap-Targets mehr Platz. */ schmalen Viewports (≤~414px), gibt Tap-Targets mehr Platz.
Actions sitzen im gleichen weissen Card-Hintergrund ohne Trenner,
damit sie nicht als eigener Block wirken. */
@media (max-width: 600px) { @media (max-width: 600px) {
.card { .card {
flex-direction: column; flex-direction: column;
} }
.text { .text {
padding: 0.7rem 0.75rem; padding: 0.7rem 0.75rem 0.4rem;
} }
.actions-top { .actions-top {
position: static; position: static;
display: flex; display: flex;
gap: 0.4rem; gap: 0.4rem;
padding: 0.5rem 0.75rem; padding: 0 0.75rem 0.75rem;
border-top: 1px solid #e4eae7;
justify-content: flex-end; justify-content: flex-end;
background: #fafbfa;
} }
} }
</style> </style>