Merge pull request #184 from Vaibhavsg17/main

Fixed Responsiveness of Sidebar
subhadeeproy3902 · Jun 2, 2024 · 7cc3573 · 7cc3573
2 parents f8023a4 + 4a7e445
commit 7cc3573
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 8 deletions.
diff --git a/src/app/contributors/ContributorsData.ts b/src/app/contributors/ContributorsData.ts
@@ -9,6 +9,11 @@ export const ContributorsData = [
     github: "https://github.com/komal-agarwal5",
     imageUrl: "https://avatars.githubusercontent.com/u/122633300?v=4",
   },
+  {
+    name: "Vaibhav Gangurde",
+    github: "https://github.com/Vaibhavsg17",
+    imageUrl: "https://avatars.githubusercontent.com/u/66477893?v=4",
+  },
   {
     name: "Abhishikta Ray",
     github: "https://github.com/AbhishiktaRay03",
@@ -79,7 +84,7 @@ export const ContributorsData = [
     name: "Roni Sarkar",
     github: "https://github.com/ronisarkarexe",
     imageUrl: "https://avatars.githubusercontent.com/u/76697055?v=4"
-  },  
+  },
   {
     name: "Swarup Bhise",
     github: "https://github.com/CoderSwarup",
@@ -94,7 +99,7 @@ export const ContributorsData = [
     name: "Suryadevara Rithika",
     github: "https://github.com/rithika212k3",
     imageUrl: "https://avatars.githubusercontent.com/u/158501895?v=4",
-  },
+  },
   {
     name: "Siddharth Bramhecha",
     github: "https://github.com/Sid-80",

diff --git a/src/app/dashboard/_components/SideNav.tsx b/src/app/dashboard/_components/SideNav.tsx
@@ -63,7 +63,7 @@ function SideNav() {
   return (
     <div
       className={
-        `h-screen fixed md:w-72 w-[22vh] borde-r border-[1px] p-6 flex flex-col ` +
+        `h-screen fixed md:w-72 w-60 borde-r border-[1px] p-6 flex flex-col ` +
         (`${background}` === "dark" ? "bg-black" : "bg-white")
       }
     >

diff --git a/src/app/dashboard/_components/SideNavTopSection.tsx b/src/app/dashboard/_components/SideNavTopSection.tsx
@@ -153,7 +153,7 @@ function SideNavTopSection({ user, setActiveTeamInfo }: any) {
       <Button
         variant="secondary"
         className="w-full justify-start gap-2 font-bold mt-8"
-        onClick={()=>router.push('/dashboard')}
+        onClick={() => router.push('/dashboard')}
       >
         <LayoutGrid className="h-5 w-5" />
         All Files

diff --git a/src/components/shared/FollowingCard.tsx b/src/components/shared/FollowingCard.tsx
@@ -44,7 +44,7 @@ export function FollowingPointerDemo() {
           </div>
         </FollowerPointerCard>
       </div>
-      <div className="flex flex-col gap-6 text-center text-balance py-6">
+      <div className="flex flex-col gap-6 text-center text-balance py-8">
         <h2 className="text-4xl font-bold">
           For All types of <br /> Flowcharts
         </h2>

diff --git a/src/components/shared/Hero.tsx b/src/components/shared/Hero.tsx
@@ -4,7 +4,7 @@ import Image from "next/image";
 
 export function Hero() {
   return (
-    <div className="flex md:pt-0 pt-20 flex-col overflow-hidden text-balance">
+    <div className="flex md:pt-0 pt-28 flex-col overflow-hidden text-balance">
       <ContainerScroll
         titleComponent={
           <>

diff --git a/src/components/shared/StartNow.tsx b/src/components/shared/StartNow.tsx
@@ -6,7 +6,7 @@ import Link from "next/link";
 const StartNow = () => {
   return (
     <section>
-      <div className="mx-auto max-w-screen-xl px-4 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-16">
+      <div className="mx-auto max-w-screen-xl px-6 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-16">
         <div className="grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-16">
           <div className="relative h-64 overflow-hidden rounded-lg sm:h-80 lg:order-last lg:h-full">
             <Image

diff --git a/src/components/shared/TooltipSection.tsx b/src/components/shared/TooltipSection.tsx
@@ -51,7 +51,7 @@ const people = [
 export function AnimatedTooltipPreview() {
   return (
     <section>
-      <div className="mx-auto max-w-screen-xl px-4 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-12">
+      <div className="mx-auto max-w-screen-xl px-6 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-12">
         <div className="flex-center flex-row flex-wrap">
           <div className="flex-center flex-row my-10 w-full">
             <AnimatedTooltip items={people} />