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

tweaking ringing indicator layout

Browse Source
This commit is contained in:
Roland Osborne 2023-03-23 10:12:46 -07:00
parent 48a71d8051
commit 11407b0cc6
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,13 +100,6 @@ export function Session() {
<div class="center"> <div class="center">
<div class="reframe"> <div class="reframe">
<Welcome /> <Welcome />
{ ringing.length > 0 && (
<div className="ringing">
<div className="ringing-list">
{ringing}
</div>
</div>
)}
</div> </div>
{ state.conversation && ( { state.conversation && (
<div class="reframe"> <div class="reframe">
@ -125,6 +118,13 @@ export function Session() {
<Profile closeProfile={actions.closeProfile} /> <Profile closeProfile={actions.closeProfile} />
</div> </div>
)} )}
{ ringing.length > 0 && (
<div className="ringing">
<div className="ringing-list">
{ringing}
</div>
</div>
)}
</div> </div>
<div class="right"> <div class="right">
{ (state.conversation || state.details) && ( { (state.conversation || state.details) && (
@ -262,13 +262,13 @@ export function Session() {
<Profile /> <Profile />
</div> </div>
)} )}
{ ringing.length > 0 && ( <div className="ringing">
<div className="ringing"> { ringing.length > 0 && (
<div className="ringing-list"> <div className="ringing-list">
{ringing} {ringing}
</div> </div>
</div> )}
)} </div>
</div> </div>
<div class="bottom"> <div class="bottom">
<BottomNav state={state} actions={actions} /> <BottomNav state={state} actions={actions} />

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

@ -25,7 +25,7 @@ export const SessionWrapper = styled.div`
.ringing-list { .ringing-list {
padding: 4px; padding: 4px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(0,0,0,0.3); background-color: rgba(0,0,0,0.6);
display: flex; display: flex;
flex-direction: column; flex-direction: column;