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:
soroush.asadi
2026-05-29 02:20:43 +03:30
parent a21cb7dd8e
commit b78f2affb6
2 changed files with 16 additions and 13 deletions
@@ -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>
);
}