| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/cvetdv.ru/bitrix/js/im/v2/component/message-list/src/css/ |
Upload File : |
.bx-im-message-list-empty-state__container {
--im-message-list-empty-state__background-color_content: rgba(var(--im-color-palette-gray-90-rgb), 0.1);
--im-message-list-empty-state__background-color_message: rgba(var(--im-color-palette-gray-90-rgb), 0.2);
--im-message-list-empty-state__background-color_message-hover: rgba(var(--im-color-palette-gray-90-rgb), 0.15);
--im-message-list-empty-state__font-color: var(--im-color-palette-white-base);
width: 100%;
height: 100%;
flex-grow: 1;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.bx-im-message-list-empty-state__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 525px;
padding: 36px 20px;
border-radius: 24px;
background-color: var(--im-message-list-empty-state__background-color_content);
}
.bx-im-message-list-empty-state__icon {
width: 121px;
height: 120px;
margin-bottom: 20px;
background-image: url('./images/empty-state-icon.svg');
}
.bx-im-message-list-empty-state__title {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 28px;
font: 20px var(--im-font-family-system);
color: var(--im-message-list-empty-state__font-color);
}
.bx-im-message-list-empty-state__action-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 6px;
}
.bx-im-message-list-empty-state__action-list_item {
padding: 5px 10px;
background-color: var(--im-message-list-empty-state__background-color_message);
border-radius: 2px 10px 10px 10px;
font: var(--im-font-size-md)/24px var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-message-list-empty-state__font-color);
cursor: pointer;
}
.bx-im-message-list-empty-state__action-list_item:hover {
background-color: var(--im-message-list-empty-state__background-color_message-hover);
}