feat(saas): Dashboard Mobile responsive

alifarooq9 · May 5, 2024 · 9f1df73 · 9f1df73
1 parent c78103f
commit 9f1df73
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/starterkits/saas/src/app/(app)/(user)/dashboard/page.tsx b/starterkits/saas/src/app/(app)/(user)/dashboard/page.tsx
@@ -15,7 +15,7 @@ export default function DashboardPage() {
             description={dashboardPageConfig.description}
         >
             <div className="grid gap-6">
-                <div className="grid grid-cols-4 gap-4">
+                <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
                     <Card>
                         <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                             <CardTitle className="text-sm font-medium">

diff --git a/starterkits/saas/src/app/(app)/_components/layout-shell.tsx b/starterkits/saas/src/app/(app)/_components/layout-shell.tsx
@@ -25,7 +25,7 @@ export function AppLayoutShell({
     showOrgSwitcher,
 }: AppLayoutProps) {
     return (
-        <div className="container flex items-start ">
+        <div className="container flex items-start gap-8">
             <div className="sticky left-0 top-0 hidden h-screen w-52 flex-shrink-0 md:block lg:w-60 ">
                 <Suspense fallback={<SidebarLoading />}>
                     <Sidebar

diff --git a/starterkits/saas/src/app/(app)/_components/page-shell.tsx b/starterkits/saas/src/app/(app)/_components/page-shell.tsx
@@ -16,7 +16,7 @@ export function AppPageShell({
     const Container = as ?? "main";
 
     return (
-        <div className="w-full space-y-8 pl-8">
+        <div className="w-full space-y-8">
             <PageHeader title={title} description={description} />
             <Container className="space-y-8 pb-8">{children}</Container>
         </div>