style: use flex-wrap for tags in mii page

This commit is contained in:
trafficlunar 2025-05-04 23:14:18 +01:00
parent 2290c993ef
commit 60cc4d1de9

View file

@ -119,7 +119,7 @@ export default async function MiiPage({ params }: Props) {
{/* Information */} {/* Information */}
<div className="flex flex-col gap-1 p-4 col-span-2 max-lg:col-span-1"> <div className="flex flex-col gap-1 p-4 col-span-2 max-lg:col-span-1">
<h1 className="text-4xl font-extrabold break-words">{mii.name}</h1> <h1 className="text-4xl font-extrabold break-words">{mii.name}</h1>
<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 flex-wrap gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
{mii.tags.map((tag) => ( {mii.tags.map((tag) => (
<Link href={{ pathname: "/", query: { tags: tag } }} key={tag}> <Link href={{ pathname: "/", query: { tags: tag } }} key={tag}>
{tag} {tag}