gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

fixed line clamping on homescreen

Browse source
This commit is contained in:
Ava Gaiety W 2025-04-24 11:42:17 -06:00
parent 052544cf8a
commit 6a1707f613
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_includes/pinned.njk
View file

@ -22,10 +22,12 @@
<a href="{{ content.url }}" class="motion-safe:transition-colors bg-mauve block mt-4 outline-link shadow border-l-2 border-yellow hover:border-blue hover:scale-[1.02] hover:shadow-lg active:shadow active:scale-[1.01] active:border-blue rounded"> <a href="{{ content.url }}" class="motion-safe:transition-colors bg-mauve block mt-4 outline-link shadow border-l-2 border-yellow hover:border-blue hover:scale-[1.02] hover:shadow-lg active:shadow active:scale-[1.01] active:border-blue rounded">
<div class="rounded-tl rounded-tr h-16 w-full bg-center bg-105% opacity-50 saturate-0 contrast-50 overflow-hidden" style="background-image: url('{{ content.data.image }}')"> <div class="rounded-tl rounded-tr h-16 w-full bg-center bg-105% opacity-50 saturate-0 contrast-50 overflow-hidden" style="background-image: url('{{ content.data.image }}')">
</div> </div>
<h3 class="bg-mauve h-20 pt-3 px-3 text-xl text-base"> <h3 class="bg-mauve h-20 p-3 text-xl text-base">
{{ content.data.title }} <span class="line-clamp-2" title="{{ content.data.title }}">
{{ content.data.title }}
</span>
</h3> </h3>
<div class="py-2 px-3 h-24 rounded-bl rounded-br text-text bg-crust"> <div class="py-2 px-3 h-24 rounded-bl rounded-br text-text bg-crust line-clamp-3" title="{{ content.data.description }}">
{{ content.data.description | markdown | safe }} {{ content.data.description | markdown | safe }}
</div> </div>
</a> </a>