small improvements

This commit is contained in:
Daniel 2023-07-18 18:14:26 -04:00
parent aef640935b
commit 8838756c16
4 changed files with 7 additions and 7 deletions

View File

@ -143,18 +143,18 @@ export default function LinkCard({ link, count, className }: Props) {
<div className="flex flex-col justify-between w-full">
<div className="flex items-baseline gap-1">
<p className="text-sm text-sky-400 font-bold">{count + 1}.</p>
<p className="text-lg text-sky-500 font-bold truncate max-w-[10rem] capitalize">
<p className="text-lg text-sky-500 font-bold truncate capitalize w-full pr-8">
{link.name}
</p>
</div>
<div className="flex gap-3 items-center flex-wrap my-3">
<div className="flex items-center gap-1">
<div className="flex gap-3 items-center my-3">
<div className="flex items-center gap-1 w-full pr-20">
<FontAwesomeIcon
icon={faFolder}
className="w-4 h-4 mt-1 drop-shadow"
style={{ color: collection?.color }}
/>
<p className="text-sky-900 truncate max-w-[10rem] capitalize">
<p className="text-sky-900 truncate capitalize">
{collection?.name}
</p>
</div>

View File

@ -151,7 +151,7 @@ export default function LinkDetails({ link }: Props) {
/>
)}
<div className="flex flex-col gap- justify-end drop-shadow">
<p className="text-2xl text-sky-500 capitalize hyphens-auto">
<p className="text-2xl text-sky-500 capitalize break-words hyphens-auto">
{link.name}
</p>
<Link

View File

@ -124,7 +124,7 @@ export default function ProfileSettings({
</div>
)}
<div className="absolute -bottom-2 left-0 right-0 mx-auto w-fit text-center">
<div className="absolute -bottom-3 left-0 right-0 mx-auto w-fit text-center">
<label
htmlFor="upload-photo"
title="PNG or JPG (Max: 3MB)"

View File

@ -59,7 +59,7 @@ export default function Index() {
style={{ color: activeCollection?.color }}
className="sm:w-8 sm:h-8 w-6 h-6 mt-3 drop-shadow"
/>
<p className="sm:text-4xl text-3xl capitalize bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent font-bold py-1">
<p className="sm:text-4xl text-3xl capitalize bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent font-bold py-1 break-words hyphens-auto">
{activeCollection?.name}
</p>
</div>