From 2460441ce72f57c9924077fa884e2c2850d4f7a7 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Fri, 16 May 2025 18:51:47 +1000
Subject: [PATCH] Styling improvements

Tighten spacing on index page
Display site name in repo header
Remove cube icon from header
---
 themed/base.html  |  6 +++---
 themed/index.html | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/themed/base.html b/themed/base.html
index f7b9143..3292982 100644
--- a/themed/base.html
+++ b/themed/base.html
@@ -18,9 +18,9 @@
 {% block repo_header %}
 		<header class="bg-gray-50 border-b border-gray-300">{# Repo header #}
 			<div class="max-w-[1280px] mx-auto py-4 flex gap-x-1">
-				{# Heroicons outline cube #}
-				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
-				<div class="text-lg"><a href="{{ cgit_rooturl()|attr }}" class="hover:text-blue-600 hover:underline">index</a> / <a href="{! cgit_shared_repolink_url(NULL, NULL, NULL); !}" class="font-semibold hover:text-blue-600 hover:underline">{{ ctx.repo->name }}</a></div>
+				{# Heroicons outline cube
+				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>#}
+				<div class="text-lg"><a href="{{ cgit_rooturl()|attr }}" class="hover:text-blue-600 hover:underline">{{ ctx.cfg.root_title }}</a> / <a href="{! cgit_shared_repolink_url(NULL, NULL, NULL); !}" class="font-semibold hover:text-blue-600 hover:underline">{{ ctx.repo->name }}</a></div>
 			</div>
 		</header>
 {% endblock %}
diff --git a/themed/index.html b/themed/index.html
index 6e88d43..352ba8d 100644
--- a/themed/index.html
+++ b/themed/index.html
@@ -26,16 +26,16 @@
 				{% for int i = 0; i < cgit_repolist.count; i++ %}
 				{! ctx.repo = &cgit_repolist.repos[i]; !}
 				{! if (!cgit_repolist_is_visible(ctx.repo)) { continue; } !}
-				<div{% if i > 0 %} class="border-t border-gray-300 pt-4 mt-4"{% endif %}>
+				<div{% if i > 0 %} class="border-t border-gray-300 pt-2 mt-2"{% endif %}>
 					{# Heroicons outline cube #}
 					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
 				</div>
-				<div class="{% if i > 0 %}border-t border-gray-300 pt-4 mt-4 {% endif %}pl-2">
+				<div class="{% if i > 0 %}border-t border-gray-300 pt-2 mt-2 {% endif %}pl-2">
 					{! char *repourl = cgit_repourl(ctx.repo->url); !}
-					<div><a href="{{ repourl|attr }}" class="text-lg font-semibold text-blue-500 hover:text-blue-600 hover:underline">{{ ctx.repo->name }}</a></div>
+					<div><a href="{{ repourl|attr }}" class="font-semibold text-blue-500 hover:text-blue-600 hover:underline">{{ ctx.repo->name }}</a></div>
 					{! free(repourl); !}
-					<div class="text-gray-500">{{ ctx.repo->desc }}</div>
-					<div class="text-gray-500">Updated {! cgit_repolist_print_modtime(ctx.repo); !} ago</div>
+					<div class="text-sm text-gray-500">{{ ctx.repo->desc }}</div>
+					<div class="text-sm text-gray-500">Updated {! cgit_repolist_print_modtime(ctx.repo); !} ago</div>
 				</div>
 				{% endfor %}
 			</div>