poduck/smoothschedule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix POS layout overflow by using h-full instead of h-screen

Browse Source 
POSLayout was using h-screen which made it 100vh tall, but it's nested
inside a flex container that already accounts for POSHeader height.
Changed to h-full so it properly fills the available space.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
poduck
2025-12-27 11:35:29 -05:00
parent 1aa5b76e3b
commit d7700a68fd
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pos/components/POSLayout.tsx
View File

@@ -199,7 +199,7 @@ const POSLayout: React.FC<POSLayoutProps> = ({ children }) => {
} }
return ( return (
<div className="h-screen flex flex-col bg-gray-50"> <div className="h-full flex flex-col bg-gray-50">
{/* Top Bar */} {/* Top Bar */}
<header className="bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between shadow-sm"> <header className="bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between shadow-sm">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">