Adjust call lobby avatar and style
This commit is contained in:
parent
d7cbd2c2ae
commit
2aa11cf816
4 changed files with 11 additions and 5 deletions
|
@ -3680,14 +3680,13 @@ button.module-image__border-overlay:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
&__camera-is-off {
|
&__camera-is-off {
|
||||||
|
@include font-body-2;
|
||||||
@include calling-text-shadow;
|
@include calling-text-shadow;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
font-size: 15px;
|
|
||||||
line-height: 20px;
|
|
||||||
margin-block-start: 15px;
|
margin-block-start: 15px;
|
||||||
margin-block-end: 15px;
|
margin-block-end: 15px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
@ -22,6 +22,14 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
max-height: calc(100% - 140px);
|
max-height: calc(100% - 140px);
|
||||||
aspect-ratio: 4 / 3;
|
aspect-ratio: 4 / 3;
|
||||||
|
|
||||||
|
.module-calling__background--blur::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
background: $color-black-alpha-40;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,6 @@
|
||||||
// SPDX-License-Identifier: AGPL-3.0-only
|
// SPDX-License-Identifier: AGPL-3.0-only
|
||||||
|
|
||||||
.module-CallingPreCallInfo {
|
.module-CallingPreCallInfo {
|
||||||
margin-block-start: 15px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
|
@ -31,5 +30,5 @@
|
||||||
|
|
||||||
.module-CallingPreCallInfo-spacer {
|
.module-CallingPreCallInfo-spacer {
|
||||||
flex-basis: 64px;
|
flex-basis: 64px;
|
||||||
margin-block-start: 25px;
|
margin-block-start: 12px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -196,7 +196,7 @@ export function CallingPreCallInfo({
|
||||||
phoneNumber={conversation.phoneNumber}
|
phoneNumber={conversation.phoneNumber}
|
||||||
profileName={conversation.profileName}
|
profileName={conversation.profileName}
|
||||||
sharedGroupNames={conversation.sharedGroupNames}
|
sharedGroupNames={conversation.sharedGroupNames}
|
||||||
size={AvatarSize.NINETY_SIX}
|
size={AvatarSize.SIXTY_FOUR}
|
||||||
title={conversation.title}
|
title={conversation.title}
|
||||||
unblurredAvatarUrl={conversation.unblurredAvatarUrl}
|
unblurredAvatarUrl={conversation.unblurredAvatarUrl}
|
||||||
i18n={i18n}
|
i18n={i18n}
|
||||||
|
|
Loading…
Reference in a new issue