feat: adjust some styles

This commit is contained in:
st1020 2023-10-23 20:44:40 +08:00
parent f9b448197c
commit 82f3f69af2
9 changed files with 122 additions and 64 deletions

View file

@ -3,26 +3,24 @@
<!-- Taxonomy Title -->
<h1 class="mb-16">{{ taxonomy.name | title }}</h1>
<div class="not-prose flex flex-auto flex-wrap">
<div class="not-prose grid grid-cols-1 gap-4 md:grid-cols-2">
{% for term in terms %}
<div class="min-h-[18rem] w-full items-stretch p-2 md:w-1/2">
<div class="flex h-full flex-col rounded-lg bg-black/[3%] px-5 py-1.5 dark:bg-white/[8%]">
<h3 class="my-4 text-xl font-bold text-black dark:text-white">
<a class="no-underline" href="{{ term.permalink }}">
#{{ term.name }} - {{ term.page_count }}
</a>
</h3>
<div class="block-bg flex h-full flex-col rounded-lg px-5 pb-2 md:min-h-[18rem]">
<h3 class="my-4 text-xl font-bold text-black dark:text-white">
<a class="primary-link" href="{{ term.permalink }}">
#{{ term.name }} - {{ term.page_count }}
</a>
</h3>
{%for page in term.pages | slice(end=5) %}
<a class="my-0.5 no-underline" href="{{ page.permalink }}">{{ page.title }}</a>
{% endfor %}<!---->
{%for page in term.pages | slice(end=5) %}
<a class="secondary-link my-0.5" href="{{ page.permalink }}">{{ page.title }}</a>
{% endfor %}<!---->
{% if term.pages | length > 5 %}
<span class="flex justify-end">
<a class="my-1 pr-2 no-underline" href="{{ term.permalink }}">More >></a>
</span>
{% endif %}<!---->
</div>
{% if term.pages | length > 5 %}
<span class="flex justify-end">
<a class="secondary-link mt-1 pr-2" href="{{ term.permalink }}">More >></a>
</span>
{% endif %}<!---->
</div>
{% endfor %}<!---->
</div>