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="reframe">
<Welcome />
{ ringing.length > 0 && (
<div className="ringing">
<div className="ringing-list">
{ringing}
</div>
</div>
)}
</div>
{ state.conversation && (
<div class="reframe">
@ -125,6 +118,13 @@ export function Session() {
<Profile closeProfile={actions.closeProfile} />
</div>
)}
{ ringing.length > 0 && (
<div className="ringing">
<div className="ringing-list">
{ringing}
</div>
</div>
)}
</div>
<div class="right">
{ (state.conversation || state.details) && (
@ -262,13 +262,13 @@ export function Session() {
<Profile />
</div>
)}
{ ringing.length > 0 && (
<div className="ringing">
<div className="ringing">
{ ringing.length > 0 && (
<div className="ringing-list">
{ringing}
</div>
</div>
)}
)}
</div>
</div>
<div class="bottom">
<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 {
padding: 4px;
border-radius: 4px;
background-color: rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.6);
display: flex;
flex-direction: column;