Bluesky app fork with some witchin' additions 💫

Updates InviteCodes modal to use dynamic/responsive styles on web (#1502)

authored by

Bryan Lee and committed by
GitHub
f5e9e4af 6df1bcad

+10 -1
+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',