body, html { height: 100%; margin: 0; } /* Stuff for message boxes */ #chat-messages .message-content pre { overflow-x: auto; white-space: pre; max-width: 662px; position: relative; border-radius: 8px; } #chat-messages .message-content pre code { display: inline-block; min-width: 100%; white-space: inherit; } .copy-button { position: absolute; top: 5px; right: 5px; } .content { font-size: 14px; line-height: 1.5; color: #ffffff; } /* Style for the overall chat container */ #chat-messages { max-width: 780px; margin: auto; width: 95%; margin-bottom: 180px; } /* Primary color */ :root { --bulma-body-background-color: #202020; --bulma-primary: #126d0f; } /* Chat input stuff */ .chat-input-container { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; bottom: 10px; left: 0; right: 0; padding: 10px; max-width: 800px; margin: 0 auto; z-index: 1; } .textarea-wrapper { position: relative; width: 100%; } #chat-input-textarea { width: 100%; padding-right: 140px; /* Adjust this value based on the button and dropdown width */ box-sizing: border-box; } .button-group { position: absolute; bottom: 10px; right: 10px; display: flex; align-items: center; gap: 10px; } /* Indicator */ .my-indicator { display: none; } .htmx-request .my-indicator { display: inline; } .htmx-request.my-indicator { display: inline; } /* Logo */ svg text { font-family: 'Russo One', sans-serif; text-transform: uppercase; fill: #000; stroke: #000; font-size: 240px; } /* Message button styles */ .message-button { opacity: 0; transition: opacity 0.3s ease; } .message-user:hover .message-button { opacity: 1; } .message-bot:hover .message-button { opacity: 1; }