| 1 |
- .sidebar{display:flex;width:16rem;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(8 0 46 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sidebar-title{padding:1rem;text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700}.contact-item{display:flex;align-items:center;padding:.5rem}.contact-item:hover,.contact-item.selected{--tw-bg-opacity: 1;background-color:rgb(61 38 163 / var(--tw-bg-opacity, 1))}.contact-item.selected{--tw-bg-opacity: 1;background-color:rgb(47 25 127 / var(--tw-bg-opacity, 1))}.contact-avatar{margin-right:.5rem;height:2rem;width:2rem;border-radius:9999px}.contact-name{margin-left:auto;font-size:.875rem;line-height:1.25rem}.chat-area{display:flex;flex:1 1 0%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.chat-messages{flex:1 1 0%;overflow-y:auto;padding:1rem}.message-bubble{margin-top:.5rem;margin-bottom:.5rem;max-width:20rem;padding:.5rem}.message-bubble.me{float:right;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.message-bubble.other{float:left;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.chat-input{display:flex;align-items:center;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}.send-button{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.file-upload-button{margin-left:.5rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.file-name{margin-left:.5rem;font-size:.875rem;line-height:1.25rem}
|
