관리-도구
편집 파일: app-chat-list.css
.chat-app-window .user-chats{background-color:#f2f0f7;height:calc(100% - 130px);padding:1rem;position:relative}.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{background-color:#fff;border-bottom:1px solid #ebe9f1;display:flex;height:65px;justify-content:space-between;padding:0 1rem}.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{background-image:linear-gradient(80deg,#7367f0,#9e95f5);border-radius:.357rem;box-shadow:0 4px 8px 0 rgba(34,41,47,.12);clear:both;color:#fff;float:right;margin:0 1rem 10px 0;max-width:75%;padding:.7rem 1rem}.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{background:none;background-color:#fff;color:#6e6b7b;float:left;margin:0 0 10px 1rem}.chat-app-window .chat-app-form{align-items:center;background-color:#fff;border-top:1px solid #ebe9f1;display:flex;height:65px;padding:0 1rem}.chat-widget .card-header{padding-bottom:.8rem;padding-top:.8rem}.chat-widget .chat-app-window .user-chats{background-color:#f8f8f8;height:390px}.chat-widget .chat-app-window .chat-app-form{border-bottom-left-radius:.357rem;border-bottom-right-radius:.357rem;border-top:0;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}