fix(prejoin) fix styling of avatar (#11629)
This commit is contained in:
parent
38724458e3
commit
9060bebca9
|
@ -14,6 +14,11 @@
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-error {
|
&-error {
|
||||||
|
|
|
@ -387,14 +387,14 @@ class Prejoin extends Component<Props, State> {
|
||||||
readOnly = { readOnlyName }
|
readOnly = { readOnlyName }
|
||||||
value = { name } />
|
value = { name } />
|
||||||
) : (
|
) : (
|
||||||
<>
|
<div className = 'prejoin-avatar-container'>
|
||||||
<Avatar
|
<Avatar
|
||||||
className = 'prejoin-avatar'
|
className = 'prejoin-avatar'
|
||||||
displayName = { name }
|
displayName = { name }
|
||||||
participantId = { participantId }
|
participantId = { participantId }
|
||||||
size = { 72 } />
|
size = { 72 } />
|
||||||
<div className = 'prejoin-avatar-name'>{name}</div>
|
<div className = 'prejoin-avatar-name'>{name}</div>
|
||||||
</>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{showError && <div
|
{showError && <div
|
||||||
|
|
Loading…
Reference in New Issue