| 1 |
- .chat-container[data-v-0b489c62]{display:flex;height:100vh}.sidebar[data-v-0b489c62]{width:15%;background-color:purple;color:#fff;padding:1rem}.demand-list ul[data-v-0b489c62]{list-style-type:none;padding:0}.demand-list li[data-v-0b489c62]{cursor:pointer}.chat-main[data-v-0b489c62]{flex-grow:1;display:flex;flex-direction:column}.chat-header[data-v-0b489c62]{background:linear-gradient(to right,#6a11cb,#2575fc);color:#fff;padding:1rem}.chat-messages[data-v-0b489c62]{flex-grow:1;overflow-y:auto;padding:1rem}.message[data-v-0b489c62]{margin:.5rem 0;border-radius:5px;box-shadow:0 1px 3px #0000001f;padding:.5rem 1rem}.user-message[data-v-0b489c62]{background-color:green;align-self:flex-end}.bot-message[data-v-0b489c62]{background-color:#d3d3d3;align-self:flex-start}footer[data-v-0b489c62]{display:flex;align-items:center;padding:1rem;border-top:1px solid #ddd}footer input[type=text][data-v-0b489c62]{flex-grow:1;border:1px solid #ccc;border-radius:3px;padding:.5rem;margin-right:.5rem}.send-button[data-v-0b489c62]{background-color:#00f;color:#fff;border:none;border-radius:3px;padding:.5rem 1rem;cursor:pointer}
|
