martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-23 01:55:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling for ipad

Browse Source
This commit is contained in:
balzack 2025-01-29 19:41:04 -08:00
parent b88242fed2
commit 69a19cf8fe
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/mobile/src/calling/Calling.styled.ts
View File

@ -53,6 +53,13 @@ export const styles = StyleSheet.create({
height: '100%',
borderRadius: 8,
},
canvas: {
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
},
frame: {
display: 'flex',
alignItems: 'center',
@ -95,7 +102,6 @@ export const styles = StyleSheet.create({
height: '20%',
},
full: {
position: 'absolute',
width: '100%',
height: '100%',
},

6
app/client/mobile/src/calling/Calling.tsx
View File

@ -197,7 +197,7 @@ export function Calling({ callCard }: { callCard: string }) {
)}
{ state.calling && (
<View style={{ ...styles.container, backgroundColor: surface.base }}>
<View style={{ ...styles.frame, top: frameOffset, width: frameWidth, height: frameHeight }}>
<View style={{ ...styles.frame, top: frameOffset, width: frameWidth > 400 ? 400 : frameWidth, height: frameHeight > 400 ? 400 : frameHeight }}>
<Image
style={{ ...styles.image, opacity: state.loaded ? 1 : 0 }}
resizeMode="contain"
@ -232,20 +232,24 @@ export function Calling({ callCard }: { callCard: string }) {
</View>
)}
{ state.calling && state.loaded && state.remote && (
<View style={{ ...styles.canvas, backgroundColor: surface.base }}>
<RTCView
style={styles.full}
mirror={true}
objectFit={'contain'}
streamURL={state.remote.toURL()}
/>
</View>
)}
{ state.calling && state.loaded && state.local && !state.remote && (
<View style={{ ...styles.canvas, backgroundColor: surface.base }}>
<RTCView
style={styles.full}
mirror={true}
objectFit={'contain'}
streamURL={state.local.toURL()}
/>
</View>
)}
{ state.calling && state.loaded && state.local && state.remote && (
<RTCView