bug fixes

alexandyrzph · Aug 4, 2022 · c95f559 · c95f559
1 parent 3184b45
commit c95f559
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/pixelplace/src/components/Forms/SignIn.js b/pixelplace/src/components/Forms/SignIn.js
@@ -58,7 +58,8 @@ const SignIn = () => {
                                 {errors.email}
                             </p>
                         ) : null}
-                        <Field
+                        <Field 
+                            autoComplete="on"
                             type="password"
                             name="password"
                             className={`border-2 mt-3 w-full outline-none bg-white focus:shadow-[2px_2px_0px] duration-150 rounded-md ${

diff --git a/pixelplace/src/components/Forms/SignUp.js b/pixelplace/src/components/Forms/SignUp.js
@@ -184,6 +184,7 @@ const SignUp = () => {
                             </p>
                         ) : null}
                         <Field
+                            autoComplete="on"
                             type="password"
                             name="password"
                             className={`border-2 mt-3 w-full outline-none bg-white focus:shadow-[2px_2px_2px] duration-150 rounded-md ${
@@ -200,6 +201,7 @@ const SignUp = () => {
                             </p>
                         ) : null}
                         <Field
+                            autoComplete="on"
                             type="password"
                             name="repass"
                             className={`border-2 mt-3 w-full outline-none bg-white focus:shadow-[2px_2px_2px] duration-150 rounded-md ${

diff --git a/pixelplace/src/components/Navbar/Navbar.js b/pixelplace/src/components/Navbar/Navbar.js
@@ -88,14 +88,17 @@ const Navbar = () => {
                                                 </p>
                                                 <hr />
                                             </div>
-                                            <Link to="/profile">
+                                            <Link onClick={() => setShow(false)} to="/profile">
                                                 <p className="block px-4 py-2 hover:bg-neu-yellow hover:text-neu-black duration-150">
                                                     Profile
                                                 </p>
                                             </Link>
                                             <hr />
                                             <button
-                                                onClick={logoutHandler}
+                                                onClick={() => {
+                                                    logoutHandler();
+                                                    setShow(false);
+                                                }}
                                                 className="text-left w-full"
                                             >
                                                 <p className="block px-4 py-2 hover:bg-neu-yellow hover:text-neu-black duration-75">

diff --git a/pixelplace/src/components/PostItem/PostItem.js b/pixelplace/src/components/PostItem/PostItem.js
@@ -42,7 +42,7 @@ const PostItem = ({
     };
 
     return (
-        <div className="break-inside mb-4 shadow-xl lg:hover:-translate-y-[1px] duration-300">
+        <div className="break-inside mb-4 lg:hover:-translate-y-[1px] duration-300">
             <div className="bg-white rounded-lg border-2 border-neu-black">
                 <div className="flex justify-between items-center">
                     <div className="flex p-2 items-center">

diff --git a/pixelplace/src/components/Profile/Profile.js b/pixelplace/src/components/Profile/Profile.js
@@ -21,7 +21,7 @@ const Profile = () => {
 
     return (
         <div>
-            <div className="flex flex-col font-mono gap-4 relative z-20 w-full max-w-xs sm:max-w-sm md:max-w-lg lg:max-w-3xl xl:max-w-3xl 2xl:max-w-7xl mx-auto h-screen pt-[0%] md:pt-[3%]">
+            <div className="flex flex-col font-mono gap-4 relative z-20 w-full max-w-xs md:max-w-xl lg:max-w-3xl xl:max-w-3xl 2xl:max-w-7xl mx-auto h-screen pt-4 md:pt-[3%]">
                 <div className="flex flex-col justify-center items-center gap-4">
                     <img
                         className="border-2 border-neu-black cursor-pointer inline-block w-[300px] h-[300px] object-cover object-center rounded-xl hover:shadow-neu-shadow duration-75"
@@ -34,7 +34,7 @@ const Profile = () => {
                     </div>
                 </div>
                 <h2 className="text-4xl mb-4 mt-4 font-bold">Your Posts:</h2>
-                <div className="grid grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 gap-4">
+                <div className="masonry sm:masonry-sm md:masonry-md xl:masonry-lg">
                     {posts.map((post) => (
                         <PostItem key={post.postId} {...post} user={user} />
                     ))}