Spaces:
Runtime error
Runtime error
| .chat { | |
| margin-left: auto; | |
| margin-right: auto; | |
| max-width: 800px; | |
| height: calc(100vh - 306px); | |
| overflow-y: auto; | |
| padding-right: 20px; | |
| display: flex; | |
| flex-direction: column-reverse; | |
| word-break: break-word; | |
| overflow-wrap: anywhere; | |
| } | |
| .message { | |
| display: grid; | |
| grid-template-columns: 60px minmax(0, 1fr); | |
| padding-bottom: 25px; | |
| font-size: 15px; | |
| font-family: Helvetica, Arial, sans-serif; | |
| line-height: 1.428571429; | |
| } | |
| .circle-you { | |
| width: 50px; | |
| height: 50px; | |
| background-color: rgb(238, 78, 59); | |
| border-radius: 50%; | |
| } | |
| .circle-bot { | |
| width: 50px; | |
| height: 50px; | |
| background-color: rgb(59, 78, 244); | |
| border-radius: 50%; | |
| } | |
| .circle-bot img, | |
| .circle-you img { | |
| border-radius: 50%; | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| } | |
| .text {} | |
| .text p { | |
| margin-top: 5px; | |
| } | |
| .username { | |
| font-weight: bold; | |
| } | |
| .message-body {} | |
| .message-body img { | |
| max-width: 300px; | |
| max-height: 300px; | |
| border-radius: 20px; | |
| } | |
| .message-body p { | |
| margin-bottom: 0 ; | |
| font-size: 15px ; | |
| line-height: 1.428571429 ; | |
| } | |
| .message-body li { | |
| margin-top: 0.5em ; | |
| margin-bottom: 0.5em ; | |
| } | |
| .message-body li > p { | |
| display: inline ; | |
| } | |
| .message-body code { | |
| overflow-x: auto; | |
| } | |
| .message-body :not(pre) > code { | |
| white-space: normal ; | |
| } | |
| .dark .message-body p em { | |
| color: rgb(138, 138, 138) ; | |
| } | |
| .message-body p em { | |
| color: rgb(110, 110, 110) ; | |
| } |