From 7310aac0170f1e427d49aa4943cc37cadd225418 Mon Sep 17 00:00:00 2001 From: Barrett <barrettburnworth@gmail.com> Date: Tue, 10 Dec 2024 18:05:07 -0600 Subject: [PATCH] chore: update mobile padding --- web/src/components/CreateBMP/CreateBMP.tsx | 2 +- web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx | 2 +- web/src/pages/DashboardPage/DashboardPage.tsx | 2 +- web/src/pages/NewInspectionPage/NewInspectionPage.tsx | 2 +- web/src/pages/NewSitePage/NewSitePage.tsx | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/web/src/components/CreateBMP/CreateBMP.tsx b/web/src/components/CreateBMP/CreateBMP.tsx index 90114d3..4c5555f 100644 --- 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 index 4efcb75..a054d9e 100644 --- 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 index db627f2..f2e71e9 100644 --- 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 index f365635..26b4ebf 100644 --- 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 index 6d63209..cf0a7ec 100644 --- 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">