small improvements
This commit is contained in:
parent
aef640935b
commit
8838756c16
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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)"
|
||||
|
|
|
@ -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>
|
||||
|
|
Ŝarĝante…
Reference in New Issue