Merge pull request #22 from sachin96Boy/dev

chor: adjust issue with footer
sachin96Boy · May 23, 2023 · 4e5b64b · 4e5b64b · vercel · May 23, 2023
2 parents f49c4cc + 99adfc3
commit 4e5b64b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
@@ -4,11 +4,11 @@ function Footer() {
   return (
     <div className="items-center bg-slate-900 text-slate-200">
       <footer>
-        <div className="container px-6 pt-6">
+        <div className="px-6 pt-6">
           <div className="flex justify-center mb-6">
             <a
               href="https://www.facebook.com/Sachin96boy"
-              className="rounded-full cursor-pointer border-2 border-white text-white leading-normal uppercase hover:bg-black hover:bg-opacity-5 focus:outline-none focus:ring-0 transition duration-150 ease-in-out w-9 h-9 m-1"
+              className="rounded-full cursor-pointer border-2 border-white text-white leading-normal uppercase hover:bg-black hover:bg-opacity-5 focus:outline-none focus:ring-0 transition duration-150 ease-in-out w-9 h-9 m-1 bg-slate-900"
             >
               <svg
                 aria-hidden="true"
@@ -50,7 +50,7 @@ function Footer() {
             </a>
 
             <a
-              href="https://www.linkedin.com/in/sachin-supunthaka-5398aa148/"
+              href="https://www.linkedin.com/in/sachin96boy/"
               type="button"
               className="rounded-full border-2 border-white text-white leading-normal uppercase hover:bg-black hover:bg-opacity-5 focus:outline-none focus:ring-0 transition duration-150 ease-in-out w-9 h-9 m-1"
             >

diff --git a/src/components/model/SachinBoy.jsx b/src/components/model/SachinBoy.jsx
@@ -111,7 +111,7 @@ function SachinBoy() {
       ref={refContainer}
       className="m-auto h-screen overflow-hidden"
     >
-      <div className="absolute top-0 left-0 w-full h-full">
+      <div className="absolute top-0 left-0 w-full">
         {loading && (
           <div className="absolute top-0 left-0 w-full h-full bg-slate-700 flex justify-center items-center">
             <div className="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-gray-900">

diff --git a/src/components/pages/HomePage.jsx b/src/components/pages/HomePage.jsx
@@ -7,7 +7,7 @@ import ContactMe from "../body-comp/ContactMe";
 
 function HomePage() {
   return (
-    <div className="h-full w-full lg:left-64 lg:w-[calc(100vw-18rem)] relative">
+    <div className="w-full lg:left-64 lg:w-[calc(100vw-18rem)] relative">
       <div className="absolute m-0 right-0 lg:right-12 left-0  bg-gradient-to-r from-slate-400 to-slate-900">
         <HeroSection />
         <MyServices />