qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-11-10 14:46:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/svgCard.svelte
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

10
tailwind.config.cjs
View File

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