fixing missing call indicator in tablet layout

This commit is contained in:
Roland Osborne 2025-03-18 13:59:24 -07:00
parent 8cc71831f8
commit 60f20748be
2 changed files with 2 additions and 1 deletions

View File

@ -9,6 +9,7 @@ export const styles = StyleSheet.create({
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
position: 'absolute',
}, },
image: { image: {
width: '50%', width: '50%',

View File

@ -152,7 +152,7 @@ export function Ring() {
</Surface> </Surface>
)} )}
{ state.calling && ( { state.calling && (
<Surface elevation={4} mode="flat" style={styles.ring}> <Surface elevation={4} mode="flat" style={{ ...styles.ring, borderRadius: state.layout === 'large' ? 16 : 0 }}>
<IconButton style={styles.circleIcon} iconColor="white" disabled={!state.connected} containerColor={Colors.primary} icon={state.audioEnabled ? 'microphone' : 'microphone-off'} compact="true" mode="contained" size={24} onPress={toggleAudio} /> <IconButton style={styles.circleIcon} iconColor="white" disabled={!state.connected} containerColor={Colors.primary} icon={state.audioEnabled ? 'microphone' : 'microphone-off'} compact="true" mode="contained" size={24} onPress={toggleAudio} />
<IconButton style={styles.circleIcon} iconColor="white" disabled={!state.connected} containerColor={Colors.confirmed} icon={(state.remoteVideo || state.localVideo) ? 'video-switch-outline' : 'arrow-expand-all'} compact="true" mode="contained" size={24} onPress={()=>actions.setFullscreen(true)} /> <IconButton style={styles.circleIcon} iconColor="white" disabled={!state.connected} containerColor={Colors.confirmed} icon={(state.remoteVideo || state.localVideo) ? 'video-switch-outline' : 'arrow-expand-all'} compact="true" mode="contained" size={24} onPress={()=>actions.setFullscreen(true)} />
<View style={styles.name}> <View style={styles.name}>