From 2cbc036eb2a2ebe0793636cc641b46fef3edfe3b Mon Sep 17 00:00:00 2001 From: Daniel Bedeleanu Date: Sun, 19 Apr 2026 19:04:17 +0300 Subject: [PATCH] fix: critical mobile viewport fixes - login, modals, page constraints MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove min-h-screen or make responsive (md:min-h-screen for desktop only) - Login modal: p-8 → p-4 md:p-6, space-y-8 → space-y-3 md:space-y-4 - NewItemDialog: responsive spacing p-4 md:p-6, gaps 3 md:gap-4 - StockAdjustmentPanel: p-6 → p-4 md:p-6, gaps/spacing reduced for mobile - All container padding and gaps now follow mobile-first pattern - Fixes viewport overflow on 375px portrait mode - Tests: 291/291 passing --- frontend/app/admin/page.tsx | 10 +++++----- frontend/app/inventory/page.tsx | 18 +++++++++--------- frontend/app/login/page.tsx | 8 ++++---- frontend/app/logs/page.tsx | 6 +++--- frontend/app/page.tsx | 18 +++++++++--------- frontend/components/AdminOverlay.tsx | 6 +++--- frontend/components/NewItemDialog.tsx | 6 +++--- frontend/components/StockAdjustmentPanel.tsx | 12 ++++++------ frontend/public/sw.js | 2 +- 9 files changed, 43 insertions(+), 43 deletions(-) diff --git a/frontend/app/admin/page.tsx b/frontend/app/admin/page.tsx index cc22479c..5a28a927 100644 --- a/frontend/app/admin/page.tsx +++ b/frontend/app/admin/page.tsx @@ -25,8 +25,8 @@ export default function AdminPage() { return ( -
-
+
+
@@ -44,9 +44,9 @@ export default function AdminPage() {
-
+
{/* Left Column: Identity & Integrity */} -
+
{/* Right Column: Infrastructure */} -
+
-
+
{existingTypes.map(t => {existingBoxes.map(b => - -
+ +
@@ -260,7 +260,7 @@ export default function InventoryPage() {

Inventory Catalog

Enterprise Stock Overview

-
-
+
{/* Stats Dashboard */}
-
+

{isEditing ? "Edit Item" : selectedItem.name} {!isEditing && ( @@ -361,7 +361,7 @@ export default function InventoryPage() {

{isEditing ? ( -
+
-
+
) : ( <> -
+
{[ { id: 'ADD', label: 'Buy More', icon: Plus, color: 'text-primary' }, { id: 'REMOVE', label: 'Subtract', icon: Minus, color: 'text-amber-500' }, diff --git a/frontend/app/login/page.tsx b/frontend/app/login/page.tsx index 0bcc4569..776697a6 100644 --- a/frontend/app/login/page.tsx +++ b/frontend/app/login/page.tsx @@ -79,10 +79,10 @@ export default function LoginPage() { if (!mounted) return null; return ( -
+
- -
+ +
@@ -91,7 +91,7 @@ export default function LoginPage() {

Select operator profile or use direct login

-
+
{!selectedUserForLogin && !isEnterprise ? ( <> {users.length > 0 ? ( diff --git a/frontend/app/logs/page.tsx b/frontend/app/logs/page.tsx index 59d80619..d29e5397 100644 --- a/frontend/app/logs/page.tsx +++ b/frontend/app/logs/page.tsx @@ -87,8 +87,8 @@ export default function LogsPage() { return ( -
-
+
+
@@ -135,7 +135,7 @@ export default function LogsPage() { />
-
+
{/* Header */} -
-
+
+
-
-
+
+
{isScannerReady && (
@@ -425,8 +425,8 @@ export default function Home() { {/* Box Contents Selection Modal */} {boxMatches.length > 0 && !selectedItem && (
-
-
+
+

@@ -438,7 +438,7 @@ export default function Home() {

-
+
{boxMatches.map(item => (
-
-
+
+

User Management

diff --git a/frontend/components/NewItemDialog.tsx b/frontend/components/NewItemDialog.tsx index b1708b69..c610cf7d 100644 --- a/frontend/components/NewItemDialog.tsx +++ b/frontend/components/NewItemDialog.tsx @@ -15,7 +15,7 @@ interface NewItemDialogProps { export default function NewItemDialog({ onScannerClick, onAddItemClick }: NewItemDialogProps) { return ( -
+
-
+