xinny/src/app/templates/client/Client.scss
2022-09-17 15:48:45 +05:30

56 lines
907 B
SCSS

@use '../../partials/screen';
.client-container {
display: flex;
height: 100%;
}
.navigation__wrapper {
width: var(--navigation-width);
@include screen.smallerThan(mobileBreakpoint) {
width: 100%;
}
}
.room__wrapper {
flex: 1;
min-width: 0;
}
@include screen.smallerThan(mobileBreakpoint) {
.client__item-hidden {
display: none;
}
}
.loading-display {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.loading__message {
margin-top: var(--sp-normal);
max-width: 350px;
text-align: center;
}
.loading__appname {
position: absolute;
bottom: var(--sp-normal);
}
.loading__menu {
position: absolute;
top: var(--sp-extra-tight);
right: var(--sp-extra-tight);
cursor: pointer;
.context-menu__item .text {
margin: 0 !important;
}
}