fix: tags layout and overflow
This commit is contained in:
parent
00c7db9bec
commit
9d5f6bc5fb
4 changed files with 7 additions and 6 deletions
2
Makefile
2
Makefile
|
@ -1,5 +1,5 @@
|
|||
.PHONY: help build publish
|
||||
VERSION = 1.9.4
|
||||
VERSION = 1.9.6
|
||||
|
||||
help:
|
||||
@perl -nle'print $& if m{^[a-zA-Z_-]+:.*?## .*$$}' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'
|
||||
|
|
|
@ -54,12 +54,12 @@
|
|||
|
||||
{% with tags=page.tags.all %}
|
||||
{% if tags %}
|
||||
<div class="flex items-center gap-x-4 text-xs my-6">
|
||||
<div class="flex items-center justify-center gap-x-4 text-xs my-6">
|
||||
<div class="tags">
|
||||
<h2 class="sr-only">Tags</h2>
|
||||
<ul class="flex">
|
||||
{% for tag in tags %}
|
||||
<li class="space-x-2"><span class="emoji">🏷️</span>
|
||||
<li><span class="emoji">🏷</span>
|
||||
<a class="pr-2" href="{% slugurl 'tags' %}?tag={{ tag }}">{{ tag }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<html lang="en" class="h-full antialiased">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="fediverse:creator" content="@iamkonstantin@mastodon.social" />
|
||||
{% include "wagtailseo/meta.html" %}
|
||||
<title>
|
||||
|
|
|
@ -124,7 +124,7 @@
|
|||
}
|
||||
|
||||
.tags ul {
|
||||
@apply flex space-x-2 text-center text-sm;
|
||||
@apply flex-col sm:flex-row sm:space-x-2 text-center text-sm;
|
||||
}
|
||||
|
||||
.tags li {
|
||||
|
@ -137,7 +137,7 @@
|
|||
}
|
||||
|
||||
.tags a {
|
||||
@apply border-b-0 w-full;
|
||||
@apply border-b-0 w-full m-0;
|
||||
}
|
||||
|
||||
.blog-pages a {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue