update tags page style

This commit is contained in:
2025-06-03 16:58:38 +03:00
parent 2089a6e05d
commit c470feb3cd
8 changed files with 17 additions and 17 deletions

View File

@@ -1,4 +1,4 @@
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
<div class="flex-1">
<a href={{ post.permalink }} class="block">
<div class="flex-shrink-0">
@@ -6,13 +6,13 @@
<img class="h-48 w-full mx-auto object-cover" src={{ post.permalink }}{{post.extra.imgPath}} alt="" />
{%endif %}
</div>
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
<div class="flex-1 p-6 flex flex-col justify-between">
<h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
<h3 class="mt-2 text-xl leading-7 font-medium text-gray-100 text-left not-italic">
{{ post.title }}
</h3>
{% if post.description %}
<p class="mt-3 text-sm font-normal leading-6 text-gray-500 text-left">
<p class="mt-3 text-sm font-normal leading-6 text-gray-300 text-left">
{{ post.description }}
</p>
{% endif %}

View File

@@ -18,7 +18,7 @@
{% include "partials/tagCard.html" %}
{%endif%} {%- endfor %}
</div>
<hr class="mt-6" />
<hr class="my-10 border-gray-700" />
<p class="text-center text-sm mt-2 mb-16">
{% if paginator.previous %}
<a

View File

@@ -1,12 +1,12 @@
<div class="mx-8 md:mx-4 flex flex-col">
<div class="flex flex-col mb-12 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FILTER BY</h4>
<h4 class="text-base not-italic font-medium leading-6 text-white mb-6"> FILTER BY</h4>
{% set taxonomy = get_taxonomy(kind="tags") %}
{% set tags = taxonomy.items %}
{% for tag in tags %}
{% set path = tag.name | slugify %}
{% set fullpath = "/tags/" ~ path %}
<a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> #{{tag.name}} </a>
<a id="{{path}}" class="mb-3 text-gray-300 font-normal" href={{fullpath}}> #{{tag.name}} </a>
{% endfor %}
</div>
</div>
@@ -16,7 +16,7 @@
let activeCategory = window.location.pathname.split("/")[2]
if (typeof activeCategory === "undefined") { activeLink = document.getElementById("all") }
else { activeLink = document.getElementById(activeCategory) }
activeLink.className = activeLink.className.replace("text-black font-normal", "text-black font-semibold");
activeLink.className = activeLink.className.replace("text-gray-300 font-normal", "text-gray-300 font-semibold");
}
setActiveCategory()

View File

@@ -4,7 +4,7 @@
<main class="pt-16">
<div class="flex flex-col md:flex-row">
<div class="flex flex-col md:flex-row container mx-auto my-6">
{% include "partials/tagsCards.html" %}
{% include "partials/tagsSidebar.html" %}
</div>