From a8fb8dc6b2bdb17170394075dba85e15117b805a Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Thu, 10 Oct 2024 20:27:31 -0700
Subject: GIF dialog is scrollable on web (#5704)

---
 src/components/dialogs/GifSelect.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/components/dialogs/GifSelect.tsx')

diff --git a/src/components/dialogs/GifSelect.tsx b/src/components/dialogs/GifSelect.tsx
index 765e9415d..ffd8130db 100644
--- a/src/components/dialogs/GifSelect.tsx
+++ b/src/components/dialogs/GifSelect.tsx
@@ -22,7 +22,7 @@ import {
 import {ErrorScreen} from '#/view/com/util/error/ErrorScreen'
 import {ErrorBoundary} from '#/view/com/util/ErrorBoundary'
 import {ListMethods} from '#/view/com/util/List'
-import {atoms as a, ios, native, useBreakpoints, useTheme} from '#/alf'
+import {atoms as a, ios, native, useBreakpoints, useTheme, web} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
 import * as TextField from '#/components/forms/TextField'
@@ -205,7 +205,10 @@ function GifList({
         renderItem={renderItem}
         numColumns={gtMobile ? 3 : 2}
         columnWrapperStyle={[a.gap_sm]}
-        contentContainerStyle={[native([a.px_xl, {minHeight: height}])]}
+        contentContainerStyle={[
+          native([a.px_xl, {minHeight: height}]),
+          web(a.h_full_vh),
+        ]}
         ListHeaderComponent={
           <>
             {listHeader}
-- 
cgit 1.4.1

