fix(ui): disable text selection on header, filter chips, and bottom nav

Add `select-none` to the sticky header, the type filter chips row, and the
mobile bottom nav so their labels and icons can't be highlighted/selected.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
TerryM
2026-05-30 18:14:58 +08:00
parent 5f7c4eea62
commit 942db88f58
2 changed files with 3 additions and 3 deletions

View File

@@ -48,7 +48,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
].join(" ");
return (
<div className="bg-ark-bg/95 backdrop-blur md:rounded-t-xl">
<div className="select-none bg-ark-bg/95 backdrop-blur md:rounded-t-xl">
<div
ref={scrollRef}
className="flex items-end gap-2 overflow-x-auto overflow-y-hidden px-4 pr-10 [-ms-overflow-style:none] [scrollbar-width:none] md:gap-5 md:px-1 md:pr-1 [&::-webkit-scrollbar]:hidden"