app-chat-list.min.css 2.0 KB

1
  1. .chat-app-window .user-chats{background-color:#F2F0F7;padding:1rem;position:relative;height:calc(100% - 65px - 65px)}.chat-app-window .user-chats .avatar img{border:2px solid #FFF}.chat-app-window .active-chat{height:inherit}.chat-app-window .active-chat .chat-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:65px;background-color:#FFF;padding:0 1rem;border-bottom:1px solid #EBE9F1}.chat-app-window .chats .chat-avatar{float:right}.chat-app-window .chats .chat-body{display:block;margin:10px 30px 0 0;overflow:hidden}.chat-app-window .chats .chat-body .chat-content{float:right;padding:.7rem 1rem;margin:0 1rem 10px 0;clear:both;color:#FFF;background-image:-webkit-linear-gradient(10deg,#7367F0,#9E95F5);background-image:linear-gradient(80deg,#7367F0,#9E95F5);border-radius:.357rem;box-shadow:0 4px 8px 0 rgba(34,41,47,.12);max-width:75%}.chat-app-window .chats .chat-body .chat-content p{margin:0}.chat-app-window .chats .chat-left .chat-avatar{float:left}.chat-app-window .chats .chat-left .chat-body .chat-content{float:left;margin:0 0 10px 1rem;color:#6E6B7B;background:#fff}.chat-app-window .chat-app-form{height:65px;padding:0 1rem;background-color:#FFF;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:1px solid #EBE9F1}.chat-widget .card-header{padding-top:.8rem;padding-bottom:.8rem}.chat-widget .chat-app-window .user-chats{background-color:#F8F8F8;height:390px}.chat-widget .chat-app-window .chat-app-form{border-top:0;border-bottom-left-radius:.357rem;border-bottom-right-radius:.357rem;height:56px}.chat-widget .chat-app-window .chat-app-form .input-group-text,.chat-widget .chat-app-window .chat-app-form .message{border:0;padding-left:0}.chat-widget .chat-app-window .chat-app-form .input-group:not(.bootstrap-touchspin):focus-within{box-shadow:none}