fix(card): ensure subtitle stays at bottom by wrapping title/subtitle… (#877)
* fix(card): ensure subtitle stays at bottom by wrapping title/subtitle in container * Update layouts/_partials/shortcodes/card.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Xin <5097752+imfing@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -46,7 +46,7 @@
|
|||||||
{{- $padding = "hx:pt-4 hx:px-4" -}}
|
{{- $padding = "hx:pt-4 hx:px-4" -}}
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|
||||||
|
<div class="hx:mt-auto">
|
||||||
<span class="hextra-card-icon hx:flex hx:font-semibold hx:items-start hx:gap-2 {{ $padding }} hx:text-gray-700 hx:hover:text-gray-900 hx:dark:text-neutral-200 hx:dark:hover:text-neutral-50">
|
<span class="hextra-card-icon hx:flex hx:font-semibold hx:items-start hx:gap-2 {{ $padding }} hx:text-gray-700 hx:hover:text-gray-900 hx:dark:text-neutral-200 hx:dark:hover:text-neutral-50">
|
||||||
{{- with $icon }}{{ partial "utils/icon.html" (dict "name" $icon) -}}{{- end -}}
|
{{- with $icon }}{{ partial "utils/icon.html" (dict "name" $icon) -}}{{- end -}}
|
||||||
{{- $title -}}
|
{{- $title -}}
|
||||||
@@ -54,6 +54,7 @@
|
|||||||
{{- with $subtitle -}}
|
{{- with $subtitle -}}
|
||||||
<div class="hextra-card-subtitle hx:line-clamp-3 hx:text-sm hx:font-normal hx:text-gray-500 hx:dark:text-gray-400 hx:px-4 hx:mb-4 hx:mt-2">{{- $subtitle | markdownify -}}</div>
|
<div class="hextra-card-subtitle hx:line-clamp-3 hx:text-sm hx:font-normal hx:text-gray-500 hx:dark:text-gray-400 hx:px-4 hx:mb-4 hx:mt-2">{{- $subtitle | markdownify -}}</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
</div>
|
||||||
|
|
||||||
{{- if $tag }}
|
{{- if $tag }}
|
||||||
{{- partial "shortcodes/badge.html" (dict
|
{{- partial "shortcodes/badge.html" (dict
|
||||||
|
|||||||
Reference in New Issue
Block a user