style: 💄 Add text wrap balance in title card and center text for aling text when apply balance

This commit is contained in:
Darío Espinoza 2023-12-12 13:55:33 -03:00
parent b20866a459
commit 24d7ee39ba
2 changed files with 10 additions and 2 deletions

View File

@ -52,7 +52,7 @@
alt={svgInfo.title} alt={svgInfo.title}
/> />
<div class="mb-3 flex flex-col items-center justify-center"> <div class="mb-3 flex flex-col items-center justify-center">
<p class="truncate text-[15px] font-medium">{svgInfo.title}</p> <p class="truncate text-[15px] font-medium text-balance text-center">{svgInfo.title}</p>
<a <a
href={`/directory/${svgInfo.category.toLowerCase()}`} href={`/directory/${svgInfo.category.toLowerCase()}`}
class="text-sm lowercase text-neutral-500 hover:underline">{svgInfo.category}</a class="text-sm lowercase text-neutral-500 hover:underline">{svgInfo.category}</a

View File

@ -16,5 +16,13 @@ module.exports = {
} }
} }
}, },
plugins: [] plugins: [
({ addUtilities }) => {
addUtilities({
'.text-balance': {
'text-wrap': 'balance'
}
});
}
]
}; };