ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 21:45:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #266 from teaxyz/make-package-images-clickable

Browse source 
Packages images clickable + scale() on hover
This commit is contained in:
Chris Waters 2023-01-11 12:18:21 -05:00 committed by GitHub
commit 16d6355755
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 40 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/layouts/partials/package-thumbnail.html
View file

@ -1,4 +1,6 @@
<div class="card card-thumbnail" style="width: 100%" data-name="{{- .name -}}" data-popularity="{{- .dl_count -}}" data-last_modified="{{- .last_modified -}}" data-description="{{- .desc -}}">
<div class="card card-thumbnail" style="width: 100%" data-name="{{- .name -}}" data-popularity="{{- .dl_count -}}" data-last_modified="{{- .last_modified -}}" data-description="{{- .desc -}}">
<a href="/+{{- lower .full_name -}}/">
<figure class="card-img-top" > <figure class="card-img-top" >
<img class="package-image" src="{{- .thumb_image_url -}}" alt="{{- .name -}}" style="width:100%; height:100%;"> <img class="package-image" src="{{- .thumb_image_url -}}" alt="{{- .name -}}" style="width:100%; height:100%;">
<article class="card-thumb-label"> <article class="card-thumb-label">
@ -9,6 +11,7 @@
{{end}} {{end}}
</article> </article>
</figure> </figure>
</a>
<div class="card-body thumbnail-body"> <div class="card-body thumbnail-body">
<div class="card-text-container"> <div class="card-text-container">
<p class="card-text"> <p class="card-text">
@ -28,7 +31,7 @@
<button class="detail-btn-mobile"><i class="icon-enter-arrow"></i>details</button> <button class="detail-btn-mobile"><i class="icon-enter-arrow"></i>details</button>
</a> </a>
</div> </div>
</div> </div>
<style> <style>
@ -53,6 +56,14 @@ div.card.card-thumbnail{
box-shadow: 0px 0px 12px #0c0c0c !important; box-shadow: 0px 0px 12px #0c0c0c !important;
} }
figure{
transition: 0.2s ease-in-out;
}
figure:hover{
transform: scale(1.02);
}
} }