chore: update mobile padding

pantheredeye · Dec 11, 2024 · 7310aac · 7310aac
1 parent efdc57c
commit 7310aac
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/web/src/components/CreateBMP/CreateBMP.tsx b/web/src/components/CreateBMP/CreateBMP.tsx
@@ -46,7 +46,7 @@ const CreateBMP = () => {
         </div>
 
         <form className="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl md:col-span-2">
-          <div className="px-4 py-6 sm:p-8">
+          <div className="px-4 py-6 sm:p-2">
             <div className="grid max-w-2xl grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
               <div className="col-span-full">
                 <label

diff --git a/web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx b/web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx
@@ -89,7 +89,7 @@ const AuthenticatedLayout = ({ children }: AuthenticatedLayoutProps) => {
         </header>
 
         {/* Main Section */}
-        <main className="flex-grow p-6">{children}</main>
+        <main className="flex-grow p-1 md:p-6">{children}</main>
 
         {/* Footer */}
         <footer className="bg-gray-900 p-4 text-center">

diff --git a/web/src/pages/DashboardPage/DashboardPage.tsx b/web/src/pages/DashboardPage/DashboardPage.tsx
@@ -13,7 +13,7 @@ const DashboardPage = () => {
   ]
 
   return (
-    <div className="grid grid-cols-1 gap-8 px-4 sm:px-6 md:grid-cols-2 lg:grid-cols-3 lg:px-8">
+    <div className="grid grid-cols-1 md:gap-8 gap-3 px-4 sm:px-6 md:grid-cols-2 lg:grid-cols-3 lg:px-8">
       <WelcomeCard user={currentUser} />
       <QuickActionsCard />
       <RecentActivityCard activities={activities} />

diff --git a/web/src/pages/NewInspectionPage/NewInspectionPage.tsx b/web/src/pages/NewInspectionPage/NewInspectionPage.tsx
@@ -207,7 +207,7 @@ const NewInspectionPage = () => {
       <Form
         id="inspectionForm"
         onSubmit={handleSubmit}
-        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-8 shadow-2xl"
+        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-2 sm:p-8 shadow-2xl"
       >
         <div className="space-y-12">
           {/* Section 1: Inspection Details */}

diff --git a/web/src/pages/NewSitePage/NewSitePage.tsx b/web/src/pages/NewSitePage/NewSitePage.tsx
@@ -117,7 +117,7 @@ const NewSitePage = () => {
       <Form
         id="new-site-form"
         onSubmit={handleCreateSite}
-        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-8 shadow-2xl"
+        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-2 sm:p-8 shadow-2xl"
       >
         <div className="space-y-12">
           <div className="grid grid-cols-1 gap-x-8 gap-y-10 border-b border-gray-900/10 pb-12 md:grid-cols-3">