From 239d84f5a30ffa243445ce4e72cb5d1f67a2da4d Mon Sep 17 00:00:00 2001
From: emanuelpps <emanuelpages.ps@gmail.com>
Date: Mon, 18 Mar 2024 12:33:54 -0300
Subject: [PATCH] added corrections styles on show or hide projects buttons

---
 app/works/portfolio/PortfolioContainer.jsx | 28 ++++++++++++----------
 package-lock.json                          |  4 ++--
 package.json                               |  2 +-
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/app/works/portfolio/PortfolioContainer.jsx b/app/works/portfolio/PortfolioContainer.jsx
index 72d499e..ef8c853 100644
--- a/app/works/portfolio/PortfolioContainer.jsx
+++ b/app/works/portfolio/PortfolioContainer.jsx
@@ -32,20 +32,24 @@ function PortfolioContainer() {
       ) : null}
       <div>
         {moreProjects ? (
-          <div
-            onClick={() => setMoreProjects(false)}
-            className="flex p-5 justify-center text-center md:text-left md:p-10 cursor-pointer border-[0.1px] rounded-xl mb-20 gap-5 border-gray-500 hover:bg-gray-500 hover:text-black"
-          >
-            <LuMinusSquare className="text-[1.5rem]" />
-            Hide Projects
+          <div className="w-full flex justify-center items-center">
+            <div
+              onClick={() => setMoreProjects(false)}
+              className="py-3 mt-12 px-10 inline-flex items-center gap-x-2 text-sm font-normal rounded-md bg-gray-500 bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-30 border border-gray-100 hover:bg-gray-200 hover:text-black cursor-pointer"
+            >
+              <LuMinusSquare className="text-[1.5rem]" />
+              Show Less Projects
+            </div>
           </div>
         ) : (
-          <div
-            onClick={() => setMoreProjects(true)}
-            className="flex p-5 justify-center text-center md:text-left md:p-10 cursor-pointer rounded-xl mb-20 gap-5 border-[0.1px] border-gray-500 hover:bg-gray-500 hover:text-black"
-          >
-            <LuPlusSquare className="text-[1.5rem]" />
-            More Projects
+          <div className="w-full flex justify-center items-center">
+            <div
+              onClick={() => setMoreProjects(true)}
+              className="py-3 mt-12 px-10 inline-flex items-center gap-x-2 text-sm font-normal rounded-md bg-gray-500 bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-30 border border-gray-100 hover:bg-gray-200 hover:text-black cursor-pointer"
+            >
+              <LuPlusSquare className="text-[1.5rem]" />
+              Show More Projects
+            </div>
           </div>
         )}
       </div>
diff --git a/package-lock.json b/package-lock.json
index 4e6d82b..d9faa53 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "portfolio-vercel",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "portfolio-vercel",
-      "version": "1.3.7",
+      "version": "1.3.8",
       "dependencies": {
         "@emailjs/browser": "^3.12.1",
         "framer-motion": "^11.0.3",
diff --git a/package.json b/package.json
index ec16b40..d03ad31 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "portfolio-vercel",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "private": true,
   "scripts": {
     "dev": "next dev",