dhorn/Protocol-oral-history-project
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

improves layout responsiveness for article list

Browse Source
This commit is contained in:
Drew 2025-04-02 16:19:27 -06:00
parent 1b6df5e889
commit 8e615fa92b
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
layouts/partials/article-list.html
View File

@ -5,13 +5,13 @@
{{- $page = .page -}} {{- $page = .page -}}
{{- end -}} {{- end -}}
<li class="flex gap-4 items-center"> <li class="flex gap-4 items-center">
<a class="flex-grow" href="{{ $page.RelPermalink }}">{{ partial "article-wompum.html" $page }}</a> <a class="flex-1 min-w-0" href="{{ $page.RelPermalink }}">{{ partial "article-wompum.html" $page }}</a>
<time class="text-gray-800 font-iosevka" datetime="{{ $page.Date.Format "2006-01-02" }}"> <time class="text-gray-800 font-iosevka w-12 flex-shrink-0" datetime="{{ $page.Date.Format "2006-01-02" }}">
<p>{{ $page.Date.Format "Jan" }}</p> <p>{{ $page.Date.Format "Jan" }}</p>
<p>{{ $page.Date.Format "02" }}</p> <p>{{ $page.Date.Format "02" }}</p>
<p>{{ $page.Date.Format "2006" }}</p> <p>{{ $page.Date.Format "2006" }}</p>
</time> </time>
<div class="flex-shrink-0 max-w-max"> <div class="w-3/5 flex-shrink-0">
<a class="text-2xl font-bold hover:text-green-900 underline" href="{{ $page.RelPermalink }}">{{ partial "article-title" $page }}</a> <a class="text-2xl font-bold hover:text-green-900 underline" href="{{ $page.RelPermalink }}">{{ partial "article-title" $page }}</a>
<p class="max-w-prose">{{ $page.Params.summary }}</p> <p class="max-w-prose">{{ $page.Params.summary }}</p>
{{ partial "tags.html" $page }} {{ partial "tags.html" $page }}