Merge pull request #32 from devlopersabbir/sabbir

[chore 🎶] change styles 🤷‍♀️

Author: devlopersabbir

src/components/forms/CreateProfile.tsx

@@ -55,7 +55,7 @@ const CreateProfile = ({
   /** image handler */
   const handleImage = async (
     event: ChangeEvent<HTMLInputElement>,
-    fieldChange: (value: string) => void,
+    fieldChange: (value: string) => void
   ) => {
     event.preventDefault();
     /** File reader */
@@ -107,12 +107,12 @@ const CreateProfile = ({
             control={form.control}
             name="profileImage"
             render={({ field }) => (
-              <FormItem className="flex-center w-40 h-40 relative cursor-pointer">
+              <FormItem className="flex-center w-56 h-56 relative cursor-pointer overflow-hidden rounded-full shadow-xl">
                 {field.value ? (
                   <Image
                     src={field.value}
-                    width={160}
-                    height={160}
+                    width={224}
+                    height={224}
                     alt="profile photo"
                     objectFit="cover"
                     priority

src/components/shared/sidebar/ProfileAdd.tsx

@@ -35,7 +35,7 @@ const ProfileAdd = () => {
       </DialogTrigger>
 
       {/* diolog content */}
-      <DialogContent className="sm:max-w-[640px] p-0 overflow-y-scroll h-[70vh]">
+      <DialogContent className="sm:max-w-[740px] p-0 overflow-y-scroll h-[80vh]">
         <DialogHeader className="p-5">
           <DialogTitle>Add Profile</DialogTitle>
         </DialogHeader>

src/components/shared/sidebar/Sidebar.tsx

@@ -32,7 +32,6 @@ const Sidebar = () => {
             alt="donate button"
             width={130}
             height={80}
-            objectFit="cover"
           />
         </Link>
         <Link