Skip to content

Commit

Permalink
fix: keep imgs rounded during fade transition
Browse files Browse the repository at this point in the history
  • Loading branch information
jonaskuske committed Mar 11, 2022
1 parent 4c0288f commit 55a5ceb
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 1 deletion.
1 change: 1 addition & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion src/site/snippets/recipe-card.php
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
width="<?= $thumb->width() ?>"
height="<?= $thumb->height() ?>"
x-data="{ loaded: !!($el.complete && $el.naturalWidth && $el.naturalHeight) }"
class="absolute top-0 object-cover w-full h-full transition-opacity ease-in -z-1"
class="absolute top-0 object-cover w-full h-full rounded-t-card transition-opacity ease-in -z-1"
:class="loaded ? 'duration-500' : 'opacity-0'"
decoding="async"
loading="lazy"
Expand Down

0 comments on commit 55a5ceb

Please sign in to comment.