From 682575c836196739298b09707f92defcf5c24c5a Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Thu, 25 May 2023 00:03:41 +0330
Subject: [PATCH] visual improvements

---
 components/LinkList.tsx             | 8 ++++----
 components/Modal/AddCollection.tsx  | 2 +-
 components/Modal/EditCollection.tsx | 2 +-
 components/Modal/UserSettings.tsx   | 2 +-
 components/Navbar.tsx               | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/LinkList.tsx b/components/LinkList.tsx
index 1445a5c..499bc9e 100644
--- a/components/LinkList.tsx
+++ b/components/LinkList.tsx
@@ -46,7 +46,7 @@ export default function ({
   };
 
   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 ? (
         <Modal toggleModal={toggleEditModal}>
           <EditLink toggleLinkModal={toggleEditModal} link={link} />
@@ -55,10 +55,10 @@ export default function ({
 
       <Image
         src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${url.origin}&size=32`}
-        width={32}
-        height={32}
+        width={42}
+        height={42}
         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"
         onError={(e) => {
           const target = e.target as HTMLElement;
diff --git a/components/Modal/AddCollection.tsx b/components/Modal/AddCollection.tsx
index 8ae3354..d33f653 100644
--- a/components/Modal/AddCollection.tsx
+++ b/components/Modal/AddCollection.tsx
@@ -146,7 +146,7 @@ export default function AddCollection({ toggleCollectionModal }: Props) {
               <img
                 // @ts-ignore
                 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=""
               />
               <div>
diff --git a/components/Modal/EditCollection.tsx b/components/Modal/EditCollection.tsx
index a254db7..097e48e 100644
--- a/components/Modal/EditCollection.tsx
+++ b/components/Modal/EditCollection.tsx
@@ -161,7 +161,7 @@ export default function EditCollection({
               <img
                 // @ts-ignore
                 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=""
               />
               <div>
diff --git a/components/Modal/UserSettings.tsx b/components/Modal/UserSettings.tsx
index 201a6d9..aef239e 100644
--- a/components/Modal/UserSettings.tsx
+++ b/components/Modal/UserSettings.tsx
@@ -171,7 +171,7 @@ export default function UserSettings({ toggleSettingsModal }: Props) {
               <div>
                 <img
                   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}
                 />
                 <div
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index b3dce51..cf82992 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -81,7 +81,7 @@ export default function () {
             {account.profilePic ? (
               <img
                 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=""
               />
             ) : (