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