feat(machine): add kiosk touch targets and viewport for 1920px

Scale up button sizes (kiosk, kiosk-lg, kiosk-icon variants), add
active:scale feedback, set viewport to 1920px fixed width, hide cursor,
and bump card title/description sizes for touch-screen readability.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-03-01 12:08:06 -05:00
commit cea774c3ad
4 changed files with 18 additions and 9 deletions

View file

@ -3,13 +3,15 @@
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=1920, initial-scale=1.0, user-scalable=no" />
<title>Lamassu ATM</title>
<style>
/* Prevent text selection and context menu on kiosk */
* {
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
html,
body {
@ -17,6 +19,7 @@
padding: 0;
overflow: hidden;
background: #000;
cursor: none;
}
</style>
</head>