54 lines
1.1 KiB
SCSS
54 lines
1.1 KiB
SCSS
// Chat
|
|
.chat {
|
|
border-radius: 0.25rem;
|
|
|
|
.chat-left-side {
|
|
.chat-search {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
|
|
#chat-left-content {
|
|
height: 373px !important;
|
|
@include media-breakpoint-up(lg){
|
|
height: calc(100vh - 320px) !important;
|
|
}
|
|
@include media-breakpoint-up(xl) {
|
|
height: calc(100vh - 350px) !important;
|
|
}
|
|
}
|
|
.last-msg {
|
|
@include media-breakpoint-up(md) {
|
|
width: 300px;
|
|
}
|
|
@include media-breakpoint-up(lg) {
|
|
width: 125px;
|
|
}
|
|
@include media-breakpoint-up(xxl) {
|
|
width: 220px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-right-side {
|
|
border-left: 1px solid $border-color;
|
|
|
|
.chat-right-content {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
#chat-right-content {
|
|
height: 373px !important;
|
|
@include media-breakpoint-up(lg) {
|
|
height: calc(100vh - 395px) !important;
|
|
}
|
|
@include media-breakpoint-up(xl) {
|
|
height: calc(100vh - 405px) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|