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) ; | |
} |