Fix mobile scroll behavior (#13201)

This commit is contained in:
Nicolas Mowen 2024-08-19 16:07:46 -06:00
parent 01fa1777ac
commit 939a055d46

View File

@ -77,11 +77,11 @@ export default function ReviewDetailDialog({
<Content <Content
className={ className={
isDesktop ? "sm:max-w-xl" : "max-h-[75dvh] overflow-x-hidden p-2 pb-4" isDesktop ? "sm:max-w-xl" : "max-h-[75dvh] overflow-hidden p-2 pb-4"
} }
> >
{review && ( {review && (
<div className="mt-3 flex size-full flex-col gap-5 md:mt-0"> <div className="scrollbar-container mt-3 flex size-full flex-col gap-5 overflow-y-auto md:mt-0">
<div className="flex w-full flex-row"> <div className="flex w-full flex-row">
<div className="flex w-full flex-col gap-3"> <div className="flex w-full flex-col gap-3">
<div className="flex flex-col gap-1.5"> <div className="flex flex-col gap-1.5">
@ -138,7 +138,7 @@ export default function ReviewDetailDialog({
because the object does not have a snapshot because the object does not have a snapshot
</div> </div>
)} )}
<div className="scrollbar-container flex w-full flex-col gap-2 overflow-y-auto px-6"> <div className="flex size-full flex-col gap-2 px-6">
{events?.map((event) => { {events?.map((event) => {
return ( return (
<img <img