tag display on mobile

This commit is contained in:
Cory Dransfeldt 2023-03-13 16:21:44 -07:00
parent 6872f74d4e
commit f9b4488920
2 changed files with 4 additions and 4 deletions

View file

@ -5,9 +5,9 @@ layout: main
{% include "header.liquid" %}
<h2 class="text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-12">{{title}}</h2>
<div class="h-14 flex items-center text-sm">
<div class="h-14 flex flex-col md:flex-row items-center text-sm">
<span>{{ date | date: "%m.%d.%Y" }}</span>
<span class="mx-1">•</span>
<span class="mx-1 hidden md:inline">•</span>
<span class="inline-flex flex-row">
{% for tag in tags %} {% if tag != "posts" %}
<a href="/tags/{{ tag }}" class="font-normal no-underline">

View file

@ -18,9 +18,9 @@ templateEngineOverride: liquid,md
{{ post.data.title }}
</h2>
</a>
<div class="flex h-14 items-center text-sm">
<div class="flex flex:col md:flex-row h-14 items-center text-sm">
<span>{{ post.date | date: "%m.%d.%Y" }}</span>
<span class="mx-1"></span>
<span class="mx-1 hidden md:inline"></span>
<span class="inline-flex flex-row">
{% for tag in post.data.tags %} {% if tag != "posts" %}
<a href="/tags/{{ tag }}" class="font-normal no-underline">