martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

some styling tweaks

Browse Source
This commit is contained in:
Roland Osborne 2024-03-07 23:35:33 -08:00
parent 58ba4857f9
commit 7f8dc1a6be
4 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
net/web/src/context/useRingContext.hook.js
View File

@ -15,8 +15,8 @@ export function useRingContext() {
localVideo: false,
localAudio: false,
remoteStream: null,
removeVideo: false,
removeAudio: false,
remoteVideo: false,
remoteAudio: false,
});
const access = useRef(null);
@ -271,7 +271,7 @@ export function useRingContext() {
audioTrack.current.stop();
audioTrack.current = null;
}
updateState({ callStatus: null, remoteVideo: false, remoteAudio: false });
updateState({ callStatus: null, removeStream: null, localStream: null, remoteVideo: false, remoteAudio: false, localVideo: false, localAudio: false });
}
ws.current.onopen = async () => {
ws.current.send(JSON.stringify({ AppToken: token }));
@ -394,7 +394,7 @@ export function useRingContext() {
}
catch (err) {
calling.current = null;
updateState({ callStatus: null, remoteVideo: false, remoteAudio: false });
updateState({ callStatus: null, remoteStream: null, localStream: null, remoteVideo: false, remoteAudio: false, localVideo: false, localAudio: false });
}
let index = 0;

2
net/web/src/session/Session.jsx
View File

@ -309,7 +309,7 @@ export function Session() {
</div>
</RingingWrapper>
</Modal>
<Modal centered visible={state.callStatus} footer={null} closable={false} width={getDim() + 12} height={getDim()} bodyStyle={{ padding: 6 }}>
<Modal centered visible={state.callStatus} footer={null} closable={false} width={getDim() + 12} height={getDim()} bodyStyle={{ padding: 6, backgroundColor: '#888888', borderRadius: 3 }}>
<CallingWrapper>
<div className={ state.fullscreen ? 'fullscreen' : 'modal' }>
<div className="window">

12
net/web/src/session/Session.styled.js
View File

@ -15,42 +15,42 @@ export const RingingWrapper = styled.div`
padding-left: 8px;
.ringing-accept {
color: ${Colors.primary};
color: ${Colors.white};
font-size: 18;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: ${Colors.white};
background-color: ${Colors.primary};
border-radius: 16px;
margin: 8px;
cursor: pointer;
}
.ringing-ignore {
color: ${Colors.grey};
color: ${Colors.white};
font-size: 18;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: ${Colors.white};
background-color: ${Colors.grey};
border-radius: 16px;
margin: 8px;
cursor: pointer;
}
.ringing-decline {
color: ${Colors.alert};
color: ${Colors.white};
font-size: 18;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: ${Colors.white};
background-color: ${Colors.alert};
border-radius: 16px;
margin: 8px;
transform: rotate(224deg);

2
net/web/src/session/cards/cardItem/CardItem.styled.js
View File

@ -42,7 +42,7 @@ export const CardItemWrapper = styled.div`
.markup {
position: absolute;
right: 0;
margin-right: 16px;
margin-right: 24px;
display: flex;
flex-direction: row;
align-items: center;