2021-12-22 20:17:01 +05:30
|
|
|
@use '../../partials/flex';
|
|
|
|
@use '../../partials/dir';
|
|
|
|
|
|
|
|
.room-profile {
|
|
|
|
|
|
|
|
&__content {
|
|
|
|
@extend .cp-fx__row;
|
|
|
|
& .avatar-container {
|
|
|
|
min-width: var(--av-large);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__display {
|
|
|
|
align-self: flex-end;
|
|
|
|
@include dir.side(margin, var(--sp-loose), 0);
|
|
|
|
|
|
|
|
& > div:first-child {
|
|
|
|
@extend .cp-fx__row--s-c;
|
|
|
|
& > .text {
|
|
|
|
@include dir.side(margin, 0, var(--sp-extra-tight));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-01-05 14:56:30 +05:30
|
|
|
& > *:not(:first-child) {
|
2021-12-22 20:17:01 +05:30
|
|
|
margin-top: var(--sp-ultra-tight);
|
|
|
|
white-space: pre-wrap;
|
|
|
|
word-break: break-word;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__edit-form {
|
|
|
|
@extend .cp-fx__item-one;
|
|
|
|
@include dir.side(margin, var(--sp-loose), 0);
|
|
|
|
|
|
|
|
& .input-container {
|
|
|
|
margin-bottom: var(--sp-extra-tight);
|
|
|
|
}
|
|
|
|
|
|
|
|
& > .text {
|
|
|
|
margin-bottom: var(--sp-tight);
|
|
|
|
}
|
|
|
|
|
|
|
|
& > *:last-child {
|
|
|
|
@extend .cp-fx__item-one;
|
|
|
|
@extend .cp-fx__row;
|
|
|
|
margin-top: var(--sp-tight);
|
|
|
|
|
|
|
|
.btn-primary {
|
|
|
|
@include dir.side(margin, 0, var(--sp-tight));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|