From a906a7a8676ae6d1ea394d89e19ec3d823af57f6 Mon Sep 17 00:00:00 2001
From: Pablo Kitzberger <kitzberger.pablo@gmail.com>
Date: Thu, 4 Jan 2024 20:21:54 -0300
Subject: [PATCH 1/3] ui(footer): fix footer size and responsive

---
 app/(dashboard)/dashboard/layout.tsx   | 5 ++---
 app/(dashboard2)/dashboard2/layout.tsx | 3 ++-
 app/(docs)/layout.tsx                  | 2 +-
 components/layout/site-footer.tsx      | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/(dashboard)/dashboard/layout.tsx b/app/(dashboard)/dashboard/layout.tsx
index 01907668..0e82b28a 100644
--- a/app/(dashboard)/dashboard/layout.tsx
+++ b/app/(dashboard)/dashboard/layout.tsx
@@ -22,9 +22,8 @@ export default async function DashboardLayout({
   return (
     <div className="flex min-h-screen flex-col space-y-6">
       <NavBar user={user} items={dashboardConfig.mainNav} scroll={false} />
-
-      {children}
-      <SiteFooter className="border-t" />
+      <div className="flex-1">{children}</div>
+      <SiteFooter />
     </div>
   );
 }
diff --git a/app/(dashboard2)/dashboard2/layout.tsx b/app/(dashboard2)/dashboard2/layout.tsx
index e110db32..1a997fea 100644
--- a/app/(dashboard2)/dashboard2/layout.tsx
+++ b/app/(dashboard2)/dashboard2/layout.tsx
@@ -31,7 +31,8 @@ export default async function DashboardLayout({
           {children}
         </main>
       </div>
-      <SiteFooter className="border-t" />
+
+      <SiteFooter />
     </div>
   );
 }
diff --git a/app/(docs)/layout.tsx b/app/(docs)/layout.tsx
index d0510ef6..865a036d 100644
--- a/app/(docs)/layout.tsx
+++ b/app/(docs)/layout.tsx
@@ -43,7 +43,7 @@ export default async function DocsLayout({ children }: DocsLayoutProps) {
         <DocsSidebarNav items={docsConfig.sidebarNav} />
       </NavBar>
       <div className="container flex-1">{children}</div>
-      <SiteFooter className="border-t" />
+      <SiteFooter />
     </div>
   );
 }
diff --git a/components/layout/site-footer.tsx b/components/layout/site-footer.tsx
index f9192c66..30ae704a 100644
--- a/components/layout/site-footer.tsx
+++ b/components/layout/site-footer.tsx
@@ -7,9 +7,9 @@ import { Icons } from "@/components/shared/icons";
 
 export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
   return (
-    <footer className={cn(className)}>
-      <div className="container flex flex-col items-center justify-between gap-4 py-10 md:h-24 md:flex-row md:py-0">
-        <div className="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+    <footer className={cn(className, "border-t")}>
+      <div className="container flex h-12 flex-row items-center justify-between gap-4">
+        <div className="flex flex-row items-center gap-4 md:gap-2 md:px-0">
           <Icons.logo />
           <p className="text-center text-sm leading-loose md:text-left">
             Built by{" "}

From e8597e66759fe88f49bb64e477c147802ef2db73 Mon Sep 17 00:00:00 2001
From: Pablo Kitzberger <kitzberger.pablo@gmail.com>
Date: Thu, 4 Jan 2024 20:32:55 -0300
Subject: [PATCH 2/3] ui(dashboard): Remove whitespace between header and
 dashboard

---
 app/(dashboard)/dashboard/layout.tsx   | 2 +-
 app/(dashboard2)/dashboard2/layout.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(dashboard)/dashboard/layout.tsx b/app/(dashboard)/dashboard/layout.tsx
index 0e82b28a..551528ae 100644
--- a/app/(dashboard)/dashboard/layout.tsx
+++ b/app/(dashboard)/dashboard/layout.tsx
@@ -20,7 +20,7 @@ export default async function DashboardLayout({
   }
 
   return (
-    <div className="flex min-h-screen flex-col space-y-6">
+    <div className="flex min-h-screen flex-col">
       <NavBar user={user} items={dashboardConfig.mainNav} scroll={false} />
       <div className="flex-1">{children}</div>
       <SiteFooter />
diff --git a/app/(dashboard2)/dashboard2/layout.tsx b/app/(dashboard2)/dashboard2/layout.tsx
index 1a997fea..f8cf9674 100644
--- a/app/(dashboard2)/dashboard2/layout.tsx
+++ b/app/(dashboard2)/dashboard2/layout.tsx
@@ -20,7 +20,7 @@ export default async function DashboardLayout({
   }
 
   return (
-    <div className="flex min-h-screen flex-col space-y-6">
+    <div className="flex min-h-screen flex-col">
       <NavBar user={user} items={dashboardConfig.mainNav} scroll={false} />
 
       <div className="container grid flex-1 gap-12 md:grid-cols-[200px_1fr]">

From f1e5f602e5259e7f70cf5d887732fd033caad433 Mon Sep 17 00:00:00 2001
From: Pablo Kitzberger <kitzberger.pablo@gmail.com>
Date: Sat, 13 Jan 2024 15:13:32 -0300
Subject: [PATCH 3/3] ui: show dashboards on mobile

---
 app/(dashboard)/dashboard/accounts/page.tsx    | 18 +-----------------
 app/(dashboard)/dashboard/page.tsx             | 18 +-----------------
 .../dashboard/transactions/page.tsx            | 18 +-----------------
 3 files changed, 3 insertions(+), 51 deletions(-)

diff --git a/app/(dashboard)/dashboard/accounts/page.tsx b/app/(dashboard)/dashboard/accounts/page.tsx
index 422c6f7d..897cce1c 100644
--- a/app/(dashboard)/dashboard/accounts/page.tsx
+++ b/app/(dashboard)/dashboard/accounts/page.tsx
@@ -33,23 +33,7 @@ export default async function DashboardPage() {
 
   return (
     <>
-      <div className="md:hidden">
-        <Image
-          src="/examples/mail-dark.png"
-          width={1280}
-          height={727}
-          alt="Mail"
-          className="hidden dark:block"
-        />
-        <Image
-          src="/examples/mail-light.png"
-          width={1280}
-          height={727}
-          alt="Mail"
-          className="block dark:hidden"
-        />
-      </div>
-      <div className="hidden flex-col md:flex">
+      <div className="flex flex-col">
         <AccountsDashboard
           accounts={accounts}
           mails={mails}
diff --git a/app/(dashboard)/dashboard/page.tsx b/app/(dashboard)/dashboard/page.tsx
index 54e3f437..b2614b89 100644
--- a/app/(dashboard)/dashboard/page.tsx
+++ b/app/(dashboard)/dashboard/page.tsx
@@ -36,23 +36,7 @@ export default async function DashboardPage() {
 
   return (
     <>
-      <div className="md:hidden">
-        <Image
-          src="/examples/mail-dark.png"
-          width={1280}
-          height={727}
-          alt="Mail"
-          className="hidden dark:block"
-        />
-        <Image
-          src="/examples/mail-light.png"
-          width={1280}
-          height={727}
-          alt="Mail"
-          className="block dark:hidden"
-        />
-      </div>
-      <div className="hidden flex-col md:flex">
+      <div className="flex flex-col">
         <Dashboard
           accounts={accounts}
           mails={mails}
diff --git a/app/(dashboard)/dashboard/transactions/page.tsx b/app/(dashboard)/dashboard/transactions/page.tsx
index 425a17e6..4982a297 100644
--- a/app/(dashboard)/dashboard/transactions/page.tsx
+++ b/app/(dashboard)/dashboard/transactions/page.tsx
@@ -36,23 +36,7 @@ export default async function DashboardPage() {
 
   return (
     <>
-      <div className="md:hidden">
-        <Image
-          src="/examples/mail-dark.png"
-          width={1280}
-          height={727}
-          alt="Mail"
-          className="hidden dark:block"
-        />
-        <Image
-          src="/examples/mail-light.png"
-          width={1280}
-          height={727}
-          alt="Mail"
-          className="block dark:hidden"
-        />
-      </div>
-      <div className="hidden flex-col md:flex">
+      <div className="flex flex-col">
         <TransactionsDashboard
           accounts={accounts}
           mails={mails}