robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Updates InviteCodes modal to use dynamic/responsive styles on web (#1502)
+10
-1
+10
-1
src/view/com/modals/InviteCodes.tsx
+10
-1
src/view/com/modals/InviteCodes.tsx
···
13
13
import {ScrollView} from './util'
14
14
import {usePalette} from 'lib/hooks/usePalette'
15
15
import {isWeb} from 'platform/detection'
16
+
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
16
17
17
18
export const snapPoints = ['70%']
18
19
19
20
export function Component({}: {}) {
20
21
const pal = usePalette('default')
21
22
const store = useStores()
23
+
const {isTabletOrDesktop} = useWebMediaQueries()
22
24
23
25
const onClose = React.useCallback(() => {
24
26
store.shell.closeModal()
···
34
36
</Text>
35
37
</View>
36
38
<View style={styles.flex1} />
37
-
<View style={styles.btnContainer}>
39
+
<View
40
+
style={[
41
+
styles.btnContainer,
42
+
isTabletOrDesktop && styles.btnContainerDesktop,
43
+
]}>
38
44
<Button
39
45
type="primary"
40
46
label="Done"
···
185
191
btnContainer: {
186
192
flexDirection: 'row',
187
193
justifyContent: 'center',
194
+
},
195
+
btnContainerDesktop: {
196
+
marginTop: 14,
188
197
},
189
198
btn: {
190
199
flexDirection: 'row',