visual improvements

This commit is contained in:
Daniel 2023-05-25 00:03:41 +03:30
parent 7178287028
commit 682575c836
5 changed files with 8 additions and 8 deletions

View File

@ -46,7 +46,7 @@ export default function ({
}; };
return ( return (
<div className="border border-sky-100 bg-gray-100 p-5 rounded-md flex items-start relative gap-5 sm:gap-14 group/item"> <div className="border border-sky-100 bg-gray-100 p-5 rounded-md flex items-start relative gap-5 sm:gap-10 group/item">
{editModal ? ( {editModal ? (
<Modal toggleModal={toggleEditModal}> <Modal toggleModal={toggleEditModal}>
<EditLink toggleLinkModal={toggleEditModal} link={link} /> <EditLink toggleLinkModal={toggleEditModal} link={link} />
@ -55,10 +55,10 @@ export default function ({
<Image <Image
src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${url.origin}&size=32`} src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${url.origin}&size=32`}
width={32} width={42}
height={32} height={42}
alt="" alt=""
className="select-none mt-3 z-10 rounded-md" className="select-none mt-3 z-10 rounded-full border-[3px] border-sky-100"
draggable="false" draggable="false"
onError={(e) => { onError={(e) => {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;

View File

@ -146,7 +146,7 @@ export default function AddCollection({ toggleCollectionModal }: Props) {
<img <img
// @ts-ignore // @ts-ignore
src={`/api/avatar/${e.id}`} src={`/api/avatar/${e.id}`}
className="h-10 w-10 rounded-full border border-sky-100" className="h-10 w-10 rounded-full border-[3px] border-sky-100"
alt="" alt=""
/> />
<div> <div>

View File

@ -161,7 +161,7 @@ export default function EditCollection({
<img <img
// @ts-ignore // @ts-ignore
src={`/api/avatar/${e.userId}`} src={`/api/avatar/${e.userId}`}
className="h-10 w-10 rounded-full border border-sky-100" className="h-10 w-10 rounded-full border-[3px] border-sky-100"
alt="" alt=""
/> />
<div> <div>

View File

@ -171,7 +171,7 @@ export default function UserSettings({ toggleSettingsModal }: Props) {
<div> <div>
<img <img
alt="Profile Photo" alt="Profile Photo"
className="rounded-full object-cover h-28 w-28 border border-sky-100 border-opacity-0" className="rounded-full object-cover h-28 w-28 border-[3px] border-sky-100 border-opacity-0"
src={user.profilePic} src={user.profilePic}
/> />
<div <div

View File

@ -81,7 +81,7 @@ export default function () {
{account.profilePic ? ( {account.profilePic ? (
<img <img
src={account.profilePic} src={account.profilePic}
className="h-10 w-10 pointer-events-none rounded-full border border-sky-100 group-hover:border-sky-500 duration-100" className="h-10 w-10 pointer-events-none rounded-full border-[3px] border-sky-100 group-hover:border-sky-500 duration-100"
alt="" alt=""
/> />
) : ( ) : (