terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent mobile horizontal scroll black edge

Browse Source
This commit is contained in:
TerryM
2026-05-27 15:18:27 +08:00
parent a3b989303a
commit 1ad599c3ac
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/messageStream/FilterChips.tsx
View File

@@ -60,7 +60,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
return (
<div
ref={containerRef}
className="sticky top-0 z-10 border-b border-ark-line bg-ark-bg/90 py-2 backdrop-blur md:rounded-t-xl"
className="sticky top-0 z-10 overflow-hidden border-b border-ark-line bg-ark-bg/90 py-2 backdrop-blur md:rounded-t-xl"
>
<div className="flex items-start gap-1.5">
<div
@@ -104,7 +104,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
<div
ref={measureRef}
aria-hidden="true"
className="pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-1.5 whitespace-nowrap"
className="pointer-events-none invisible absolute left-0 top-0 -z-10 flex h-0 max-w-none gap-1.5 overflow-hidden whitespace-nowrap"
>
{TYPE_FILTERS.map((tp) => (
<span key={tp} className={chipClass(type === tp)}>