quilling.dev
An ATproto social media client -- with an independent Appview.
fix lightbox on search page (#1330)
* fix lightbox on search page
* add styles to mobile web too
authored by
Eric Bailey
and committed by
GitHub
3a90b479
22b7964b
+18
-2
src/view/screens/Search.web.tsx
+18
-2
src/view/screens/Search.web.tsx
···
1
1
import React from 'react'
2
+
import {View, StyleSheet} from 'react-native'
2
3
import {SearchUIModel} from 'state/models/ui/search'
3
4
import {FoafsModel} from 'state/models/discovery/foafs'
4
5
import {SuggestedActorsModel} from 'state/models/discovery/suggested-actors'
···
47
48
const {isDesktop} = useWebMediaQueries()
48
49
49
50
if (searchUIModel) {
50
-
return <SearchResults model={searchUIModel} />
51
+
return (
52
+
<View style={styles.scrollContainer}>
53
+
<SearchResults model={searchUIModel} />
54
+
</View>
55
+
)
51
56
}
52
57
53
58
if (!isDesktop) {
54
-
return <Mobile.SearchScreen navigation={navigation} route={route} />
59
+
return (
60
+
<View style={styles.scrollContainer}>
61
+
<Mobile.SearchScreen navigation={navigation} route={route} />
62
+
</View>
63
+
)
55
64
}
56
65
57
66
return <Suggestions foafs={foafs} suggestedActors={suggestedActors} />
58
67
}),
59
68
)
69
+
70
+
const styles = StyleSheet.create({
71
+
scrollContainer: {
72
+
height: '100%',
73
+
overflowY: 'auto',
74
+
},
75
+
})