fixed line clamping on homescreen
This commit is contained in:
parent
052544cf8a
commit
6a1707f613
1 changed files with 5 additions and 3 deletions
|
@ -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">
|
||||
<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>
|
||||
<h3 class="bg-mauve h-20 pt-3 px-3 text-xl text-base">
|
||||
{{ content.data.title }}
|
||||
<h3 class="bg-mauve h-20 p-3 text-xl text-base">
|
||||
<span class="line-clamp-2" title="{{ content.data.title }}">
|
||||
{{ content.data.title }}
|
||||
</span>
|
||||
</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 }}
|
||||
</div>
|
||||
</a>
|
||||
|
|
Loading…
Add table
Reference in a new issue