@import "../../common/scss/mixin"; @import "../../common/scss/placeholder"; // @import "./javad/list-mixins"; // @import "./javad/list-variables"; .chat-system { // @import "components/btn"; // @import "components/panels"; // @import "./mohsen/list-mixins"; // @import "./bootstrap-overwrite"; .main-page__content { // height: calc(100dvh - 68px); height: 100dvh; min-height: 100dvh; margin-right: var(--sidebar-collapsed-width); display: flex; @import "./components/chatlist/chat-list"; .menu-bar__content { position: static !important; flex: 1 1 100%; max-width: 25em; // max-width: 20em; width: auto; min-width: 25em; &.show-list-panel { right: 0 !important; } .group-item { .group-row { .group-picture-container { .group-picture.mini-mode { display: none; } .group-picture { display: inline; } } } } .groups-header { .left-icons { color: #bdc6d0; } } @import "./components/group/group"; } } @import "./responsive/responsive"; } .no-group-selected { display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1; background-color: #f5f8fc; height: 100%; opacity: 0.8; .title { font-family: 'sahel-semi-bold'; font-size: 1.3rem; } }