Move POS page to fullscreen layout for full viewport width
POS terminal needs the entire screen — the dashboard navigation sidebar (224px) was eating into the cashier's working space. Moving /pos from (dashboard) to (fullscreen) gives the POS the full viewport with no chrome. Auth redirect and CafeThemeProvider are applied directly in the new page. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,13 +0,0 @@
|
|||||||
import { Suspense } from "react";
|
|
||||||
import { PosScreen } from "@/components/pos/pos-screen";
|
|
||||||
|
|
||||||
/** Full viewport height below topbar; no page scroll — only inner panes scroll. */
|
|
||||||
export default function PosPage() {
|
|
||||||
return (
|
|
||||||
<div className="-m-6 flex h-full min-h-0 overflow-hidden p-4 md:p-6">
|
|
||||||
<Suspense fallback={null}>
|
|
||||||
<PosScreen />
|
|
||||||
</Suspense>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import { Suspense } from "react";
|
||||||
|
import { CafeThemeProvider } from "@/components/theme/cafe-theme-provider";
|
||||||
|
import { PosScreen } from "@/components/pos/pos-screen";
|
||||||
|
|
||||||
|
/** Full-viewport POS terminal — no sidebar, no topbar. */
|
||||||
|
export default function PosPage() {
|
||||||
|
return (
|
||||||
|
<CafeThemeProvider>
|
||||||
|
<div className="flex h-screen min-h-0 flex-col overflow-hidden bg-background p-4 md:p-6">
|
||||||
|
<Suspense fallback={null}>
|
||||||
|
<PosScreen />
|
||||||
|
</Suspense>
|
||||||
|
</div>
|
||||||
|
</CafeThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user