From f7230de12b5cdc452ec5f53a4ec5570b564914d3 Mon Sep 17 00:00:00 2001 From: TerryM Date: Sat, 30 May 2026 01:05:25 +0800 Subject: [PATCH] ui(mobile): block pinch-zoom and iOS input auto-zoom - index.html: tighten the viewport meta with maximum-scale=1, user-scalable=no, viewport-fit=cover so pinch-zoom is disabled on browsers that honor the hint (Android Chrome). - SearchPanel: bump the mobile search input from text-sm (14px) to text-base (16px). iOS Safari auto-zooms inputs whose font-size is below 16px on focus, which widened the viewport and let the user pan horizontally; 16px stops that behavior at the source. --- index.html | 5 ++++- src/components/SearchPanel.tsx | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 42c9af9..4751cc1 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,10 @@ - + diff --git a/src/components/SearchPanel.tsx b/src/components/SearchPanel.tsx index 460e9c2..1d73c5c 100644 --- a/src/components/SearchPanel.tsx +++ b/src/components/SearchPanel.tsx @@ -148,7 +148,7 @@ export function SearchPanel({ onChange={(e) => onQueryChange(e.target.value)} onKeyDown={(e) => e.key === "Enter" && onSearch()} placeholder={t("searchPanelPlaceholder")} - className="min-w-0 flex-1 bg-transparent text-sm text-neutral-100 outline-none placeholder:text-[#777985]" + className="min-w-0 flex-1 bg-transparent text-base text-neutral-100 outline-none placeholder:text-[#777985]" />