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 ( return (
<div <div
ref={containerRef} 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 className="flex items-start gap-1.5">
<div <div
@@ -104,7 +104,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
<div <div
ref={measureRef} ref={measureRef}
aria-hidden="true" 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) => ( {TYPE_FILTERS.map((tp) => (
<span key={tp} className={chipClass(type === tp)}> <span key={tp} className={chipClass(type === tp)}>

5
src/index.css
View File

@@ -8,6 +8,11 @@ body,
height: 100%; height: 100%;
} }
html,
body {
overflow-x: hidden;
}
body { body {
@apply bg-ark-bg text-neutral-100 antialiased; @apply bg-ark-bg text-neutral-100 antialiased;
} }