card: added hover effeect
This commit is contained in:
parent
33c1b0dd17
commit
f4b5e0a5de
|
@ -19,7 +19,7 @@ const (
|
||||||
)
|
)
|
||||||
|
|
||||||
templ RecentlyAddedImageCard(data *models.Image, opts ImageCardOption) {
|
templ RecentlyAddedImageCard(data *models.Image, opts ImageCardOption) {
|
||||||
<div class="not-prose card card-bordered bg-base-100 shadow-xl w-[256px] min-w-[256px] rounded-xl">
|
<div class="not-prose card card-bordered bg-base-100 hover:bg-base-200 shadow-xl w-[256px] min-w-[256px] rounded-xl top-0 hover:-top-1 hover:drop-shadow-2xl transition-all">
|
||||||
<figure>
|
<figure>
|
||||||
<a
|
<a
|
||||||
href={ templ.URL(fmt.Sprintf("/img/%s", data.ImageRelativePath)) }
|
href={ templ.URL(fmt.Sprintf("/img/%s", data.ImageRelativePath)) }
|
||||||
|
|
Loading…
Reference in a new issue