#103 Navigation fixed

src/components/GoogleForm/ApplicationForm.tsx

@@ -11,7 +11,7 @@ const ApplicationForm = () => {
 
   return (
     <div>
-      <div className='flex '>
+      <div className='flex justify-center'>
         <div className='flex px-5 py-2 w-fit'>
           <button
             onClick={() =>
@@ -23,7 +23,7 @@ const ApplicationForm = () => {
           </button>
         </div>
         <div>
-          <Link to={'/view-forms'}>
+          <Link to={'/admin/view-forms'}>
             <button className='flex bg-primary dark:bg-[#56C870] rounded-md py-2 mt-2 px-4 text-white font-medium cursor-pointer'>
               <icons.AiFillBook className='mt-1 mr-1 font-bold' /> View All
               Forms

src/components/GoogleForm/RecentForms.tsx

@@ -132,7 +132,7 @@ const RecentForms = () => {
   return (
     <div>
       <div className='pl-4 md:pl-8'>
-        <Link to={'/create-form'}>
+        <Link to={'/admin/create-form'}>
           <button className='flex bg-primary dark:bg-[#56C870] rounded-md py-2 mt-2 px-4 text-white font-medium cursor-pointer'>
             <icons.AiOutlinePlus className='mt-1 mr-1 font-bold' /> Create New
             Form

src/components/GoogleForm/SaveForm.tsx

@@ -134,7 +134,7 @@ function SaveFormDetails() {
   });
 
   return (
-    <div className='overflow-hidden  py-16 px-6 lg:px-8 lg:py-24'>
+    <div className='overflow-hidden'>
       <div className='relative mx-auto max-w-xl'>
         <div className='text-center'>
           <h2 className='text-3xl font-bold tracking-tight text-primary dark:text-secondary sm:text-4xl'>

src/components/GradingBox.tsx

@@ -229,7 +229,7 @@ function GradingBox(props: any) {
   return (
     <div>
       <div
-        className={` flex  justify-center mt-20 static left-0`}
+        className={` flex  justify-center static left-0`}
       >
         <div className="bg-white dark:bg-dark-bg w-full lg:w-[50%] xl:w-5/12 rounded-lg p-1 xl:p-4 lg:p-4 pb-8 mb-20">
           <div className="card-title w-full flex  flex-wrap justify-center items-center  ">

src/components/Layout/Admins/AdminLayout.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import AdminHeader from "../../../components/sidebar/navHeader";
+import Sidebar from "../../../components/sidebar/sidebar";
+import { Outlet } from "react-router";
+const AdminLayout = () => {
+  return (
+    <>
+      <div className="bg-slate-400 h-screen">
+        <div className="bg-red-300 w-full h-[70px]">
+          <AdminHeader />
+        </div>
+        <div className="flex w-full">
+          <div className="w-[16rem] h-full">
+            <Sidebar />
+          </div>
+            <main className="flex w-[100%] justify-center items-center flex-1">
+              <Outlet />
+            </main>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AdminLayout;