myemma / public /style.css
nroggendorff's picture
Create style.css
6e71a5c verified
raw
history blame
868 Bytes
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
background-color: #f4f6f8;
}
.chat-container {
width: 100%;
max-width: 400px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
overflow: hidden;
display: flex;
flex-direction: column;
background-color: white;
}
.messages {
flex-grow: 1;
padding: 16px;
overflow-y: auto;
}
.message {
margin-bottom: 12px;
}
.message.user {
text-align: right;
color: #007bff;
}
.message.ai {
text-align: left;
color: #333;
}
#chat-form {
display: flex;
border-top: 1px solid #eee;
}
#user-input {
flex-grow: 1;
padding: 12px;
border: none;
border-top-left-radius: 8px;
}
button {
padding: 12px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
}