style: shorten mii name to two lines

This commit is contained in:
trafficlunar 2025-03-30 13:23:33 +01:00
parent 8534512194
commit 9344f2f315

View file

@ -78,7 +78,9 @@ export default async function Page({ searchParams }: { searchParams: Promise<{ [
> >
<img src="https://placehold.co/600x400" alt="mii" className="rounded-xl" /> <img src="https://placehold.co/600x400" alt="mii" className="rounded-xl" />
<div className="p-4"> <div className="p-4">
<h3 className="font-bold text-2xl">{mii.name}</h3> <h3 className="font-bold text-2xl overflow-hidden text-ellipsis line-clamp-2" title={mii.name}>
{mii.name}
</h3>
<div id="tags" className="flex gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs"> <div id="tags" className="flex gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
{mii.tags.map((tag) => ( {mii.tags.map((tag) => (
<span key={tag}>{tag}</span> <span key={tag}>{tag}</span>