Merge branch 'master' into add-profile

shyamtawli · Jul 30, 2024 · 5c28384 · 5c28384
2 parents 9a88539 + 68891b5
commit 5c28384
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Profile/Profile.jsx b/src/components/Profile/Profile.jsx
@@ -29,7 +29,7 @@ function Card({ data }) {
 
   return (
     <div className="mb-6 h-auto rounded-lg bg-white p-4 shadow dark:bg-textPrimary">
-      <div className="flex gap-4">
+      <div className="relative flex gap-4">
         <div className="h-24 w-24 flex-shrink-0">
           <img src={data.avatar} className="h-full w-full rounded-full" alt="User logo" />
         </div>
@@ -66,7 +66,7 @@ function Card({ data }) {
           </div>
         </div>
         <div
-          className={`${
+          className={` md:absolute md:right-2 md:top-2 ${
             data.portfolio ? 'ml-auto w-28 hover:underline' : 'ml-auto w-28 cursor-not-allowed brightness-50'
           }`}
         >

diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
@@ -19,13 +19,13 @@ function Sidebar() {
   }
 
   return (
-    <div className="my-7 w-full border-r-2 border-borderSecondary px-7 font-spaceMono dark:border-borderColor md:h-[90vh] md:w-[23%]">
+    <div className="my-7 w-full border-r-2 border-borderSecondary px-7 font-spaceMono dark:border-borderColor md:h-[90vh] md:w-[23%] md:px-2 lg:px-7">
       <div className="mb-2 flex h-12 items-center gap-2.5">
         <div className="text-secondaryColor dark:text-white">
           <FontAwesomeIcon icon={faCode} size="2xl" />
         </div>
         <a href="https://dev-find.vercel.app/">
-          <div className="flex text-[2rem] font-bold">
+          <div className="flex text-[2rem] font-bold md:text-[1rem] lg:text-[2rem]">
             <p className="text-secondaryColor dark:text-white">dev</p>
             <p className="text-textSecondary">Find</p>
           </div>