g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Chromebook compatibility fixes and optimizations

Browse Source 
Implemented comprehensive Chromebook-specific fixes including viewport adjustments, enhanced touch and keyboard detection, improved scrolling and keyboard navigation hooks, and extensive CSS optimizations for better usability. Updated chat and dashboard interfaces for larger touch targets, better focus management, and responsive layouts. Added documentation in docs/CHROMEBOOK-FIXES.md and new hooks for Chromebook scroll and keyboard handling.
This commit is contained in:
NotII
2025-10-26 18:29:23 +00:00
parent 1fc29e6cbf
commit 130ecac208
27 changed files with 691 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/dashboard/admin/page.tsx
View File

@@ -16,7 +16,7 @@ export default function AdminPage() {
<p className="text-sm text-muted-foreground mt-1">Restricted area. Only admin1 can access.</p>
</div>
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 items-stretch">
<div className="grid gap-4 lg:gap-6 sm:grid-cols-2 lg:grid-cols-3 items-stretch">
<SystemStatusCard />
<VendorsCard />
<InviteVendorCard />

2
app/dashboard/admin/status/page.tsx
View File

@@ -74,7 +74,7 @@ export default async function AdminStatusPage() {
<p className="text-sm text-muted-foreground mt-1">Monitor system health and performance metrics</p>
</div>
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
<div className="grid gap-4 lg:gap-6 sm:grid-cols-2 lg:grid-cols-3">
{/* Server Status */}
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">