mirror of
https://github.com/soconnor0919/beenvoice.git
synced 2025-12-13 17:44:44 -05:00
Sean O'Connor
c9a664869c
- Replace custom invoice items table with responsive DataTable component - Fix server/client component error by creating InvoiceItemsTable client component - Merge danger zone with actions sidebar and use destructive button variant - Standardize button text sizing across all action buttons - Remove false claims from homepage (testimonials, ratings, fake user counts) - Focus homepage messaging on freelancers with honest feature descriptions - Fix dark mode support throughout app by replacing hard-coded colors with semantic classes - Remove aggressive red styling from settings, add subtle red accents only - Align import/export buttons and improve delete confirmation UX - Update dark mode background to have subtle green tint instead of pure black - Fix HTML nesting error in AlertDialog by using div instead of nested p tags This update makes the invoice view properly responsive, removes misleading marketing claims, and ensures consistent dark mode support across the entire application.
31 lines
840 B
TypeScript
31 lines
840 B
TypeScript
import { Navbar } from "~/components/layout/navbar";
|
|
import { Sidebar } from "~/components/layout/sidebar";
|
|
import { DashboardBreadcrumbs } from "~/components/navigation/dashboard-breadcrumbs";
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<>
|
|
<Navbar />
|
|
<Sidebar />
|
|
{/* Mobile layout - no left margin */}
|
|
<main className="min-h-screen pt-20 md:hidden">
|
|
<div className="px-4 pt-4 pb-6 sm:px-6">
|
|
<DashboardBreadcrumbs />
|
|
{children}
|
|
</div>
|
|
</main>
|
|
{/* Desktop layout - with sidebar margin */}
|
|
<main className="hidden min-h-screen pt-20 md:ml-[276px] md:block">
|
|
<div className="px-6 pt-6 pb-6">
|
|
<DashboardBreadcrumbs />
|
|
{children}
|
|
</div>
|
|
</main>
|
|
</>
|
|
);
|
|
}
|