Break long trail titles (#466)

This commit is contained in:
Jonas Plum
2025-08-23 14:35:03 +02:00
committed by GitHub
parent 1cc70c4e4b
commit c93ab89f51
4 changed files with 4 additions and 4 deletions

View File

@@ -150,7 +150,7 @@
{/if}
<div class="p-4">
<div>
<h4 class="font-semibold text-lg line-clamp-2">{trail.name}</h4>
<h4 class="font-semibold text-lg line-clamp-2 wrap-anywhere">{trail.name}</h4>
{#if trail.date}
<p class="text-xs text-gray-500 mb-3">
{new Date(trail.date).toLocaleDateString(undefined, {

View File

@@ -353,7 +353,7 @@
title={trail.name}
class="{mode == 'map'
? 'text-4xl'
: 'text-5xl'} font-bold line-clamp-3 mb-1"
: 'text-5xl'} font-bold line-clamp-3 mb-1 wrap-anywhere"
style="line-height: 1.18"
>
{trail.name}

View File

@@ -82,7 +82,7 @@
</div>
<div class="min-w-0 basis-full relative">
<div class="flex items-center justify-between">
<h4 class="font-semibold text-lg">
<h4 class="font-semibold text-lg line-clamp-2 wrap-anywhere">
{trail.name}
</h4>
<div class="flex items-center shrink-0 gap-3">

View File

@@ -149,7 +149,7 @@
<td
class="flex justify-between items-center text-sm relative"
>
<div class="p-4 w-[75%]" title={trail.name}>
<div class="p-4 w-[75%] line-clamp-2 wrap-anywhere" title={trail.name}>
{trail.name}
</div>
<div class="flex flex-col items-center">