Improve flow with smaller displays

As box shrinks, tags get clipped. Containing within a span improves their flow, preventing clipping.
This commit is contained in:
Dekker500 2023-04-29 07:29:31 -04:00 committed by GitHub
parent b7ed7be5d8
commit 6bfc2b3cce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions

View File

@ -25,11 +25,13 @@
</div> </div>
<div class="flex pt-6 font-medium text-primary-600 dark:text-primary-100 text-md"> <div class="flex pt-6 font-medium text-primary-600 dark:text-primary-100 text-md">
<span class="pr-2 font-black">Tags:</span> <span class="pr-2 font-black">Tags:</span>
<span>
{{ range $elem_index, $elem_val := (.GetTerms "tags") }} {{ range $elem_index, $elem_val := (.GetTerms "tags") }}
{{- if gt $elem_index 0 }}, {{ end -}} {{- if gt $elem_index 0 }}, {{ end -}}
<a href="{{ .Permalink }}" <a href="{{ .Permalink }}"
class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">{{ .LinkTitle }}</a> class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">{{ .LinkTitle }}</a>
{{- end -}} {{- end -}}
</span>
</div> </div>
<div class="flex items-center mt-6"> <div class="flex items-center mt-6">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
@ -58,4 +60,4 @@
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div> </div>