chat_ui/assets/chat/scss/chat.scss
2025-03-11 13:45:25 +03:30

76 lines
1.4 KiB
SCSS

@import "./mixin.scss";
@import "./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;
}
}