design changes

alexandyrzph · Aug 7, 2022 · 9d1d285 · 9d1d285
1 parent a4de7d6
commit 9d1d285
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/pixelplace/src/App.js b/pixelplace/src/App.js
@@ -57,7 +57,10 @@ function App() {
         );
     } else {
         return (
-            <div className="flex justify-center items-center h-screen bg-neu-white">
+            <div className="flex flex-col -mt-10 justify-center items-center h-screen bg-neu-white">
+                <h1 className=" font-logo text-[70px]">
+                    Pixel<span className="text-stroke text-neu-white">Place</span>
+                </h1>
                 <BeatLoader size={"5rem"} color={"#1e1e1e"} />
             </div>
         );

diff --git a/pixelplace/src/components/Navbar/Navbar.js b/pixelplace/src/components/Navbar/Navbar.js
@@ -48,7 +48,7 @@ const Navbar = () => {
                     {user ? (
                         <>
                             <Link to="posts">
-                                <li className="hover:-translate-y-[1px] bg-white text-xl hover:shadow-[2px_2px_0px_black] duration-100 cursor-pointer rounded-md border-black border-2">
+                                <li className="hover:-translate-y-[1px] bg-white text-xl hover:shadow-[2px_2px_0px_black] duration-100 cursor-pointer rounded-sm border-black border-2">
                                     <MdOutlineExplore size={"1.8rem"} />
                                 </li>
                             </Link>

diff --git a/pixelplace/src/components/Posts/PostItem/PostItem.js b/pixelplace/src/components/Posts/PostItem/PostItem.js
@@ -107,10 +107,9 @@ const PostItem = ({
                             <Like postId={postId} likes={likes} />
                         </div>
                     )}
-
-                    <div className="inline-flex items-center">
+                    <div className="flex">
                         <Link to={`/posts/${postId}`}>
-                            <button className="relative flex-grow-1 w-full lg:w-full hover:shadow-neu-shadow hover:-translate-y-1 duration-200 border-2 outline-none border-neu-black px-6 py-3 rounded-sm bg-neu-yellow font-bold">
+                            <button className="flex-grow-1 w-full lg:w-full hover:shadow-neu-shadow hover:-translate-y-1 duration-200 border-2 outline-none border-neu-black px-6 py-3 rounded-sm bg-neu-yellow font-bold">
                                 Read More
                             </button>
                         </Link>

diff --git a/pixelplace/src/components/Posts/Posts.js b/pixelplace/src/components/Posts/Posts.js
@@ -18,7 +18,6 @@ const Posts = () => {
 
     return (
         <div
-            style={{   }}
             className="relative overflow-x-clip max-w-md px-1 md:px-0 sm:max-w-lg md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl mx-auto w-full h-screen py-16"
         >
             {loading && (