feat: some UI improvments

This commit is contained in:
coolnsx
2025-06-10 11:28:57 +05:30
parent aacc84ccac
commit 95e6511b38
6 changed files with 8 additions and 9 deletions

View File

@@ -2,7 +2,7 @@
title = "Anime Tracker"
description = "Comprehensive list of anime I've watched with season progress."
date = 2025-06-08
updated = 2025-06-09
updated = 2025-06-10
+++
{{ subheading(text="Currently Watching / Tracking") }}
@@ -10,7 +10,7 @@ updated = 2025-06-09
{{ table(
heading=["Name", "Current Season", "Status"],
rows=[
["Gintama", "1", "Watching"],
["Gintama", "2", "Watching"],
["Aharen-san wa Hakarenai", "2", "Watching"],
["Haite Kudasai, Takamine-san", "1", "Watching"],
["Fairy Tail: 100 Years Quest", "1", "Airing Paused"],

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{% block title %}{% endblock title %} - Coolans</title>
<link rel="icon" href="/assets/favicon.ico">
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
{% block rss %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path='rss.xml', trailing_slash=false) }}">
{% endblock %}
@@ -89,9 +90,7 @@
<body class="min-h-screen flex flex-col bg-black text-white relative transition-colors duration-300">
<!-- Blurred Background Image -->
<div class="fixed inset-0 -z-10 bg-image bg-cover bg-center blur-md"></div>
<div class="fixed inset-0 bg-black/70 -z-5"></div>
<div class="fixed inset-0 -z-10 bg-image bg-cover bg-center"></div>
<!-- Top Navigation -->
<header id="top-header" class="sticky top-0 z-50 bg-transparent pt-2 transition-all duration-300 ease-in-out">

View File

@@ -1 +1 @@
<a target="_blank" rel="noopener noreferrer" href="{{ href }}" class="text-blue-400">{{ text }}</a>
<a {% if href is starting_with("http") %} target="_blank" {% endif %} rel="noopener noreferrer" href="{{ href }}" class="text-blue-400">{{ text }}</a>

View File

@@ -1,6 +1,6 @@
<div class="relative overflow-x-auto shadow-md rounded-lg my-8">
<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<table class="w-full text-sm text-left rtl:text-right text-gray-400">
<thead class="text-xs text-gray-400 uppercase bg-gray-700">
<tr>
{% for head in heading %}
<th scope="col" class="px-6 py-3">{{ head }}</th>
@@ -9,7 +9,7 @@
</thead>
<tbody>
{% for row in rows %}
<tr class="odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800 border-b dark:border-gray-700 border-gray-200">
<tr class="odd:bg-gray-900 even:bg-gray-800 border-b border-gray-700">
{% for item in row %}
<td class="px-6 py-4">{{ item }}</td>
{% endfor %}