@nuskin/chat-bot
Version:
React Chat Bot component for GenAI interaction with Amazon Bedrock
98 lines (79 loc) • 1.51 kB
CSS
@tailwind base;
@tailwind components;
@tailwind utilities;
#storybook-root {
width: 100%;
}
.header-logo svg {
width: 100%;
height: 100%;
}
.chatbot {
background-color: #fff;
padding-top: 60px;
width: 100%;
}
.ask-question {
display: flex;
width: 100%;
justify-content: center;
flex-direction: row ;
}
.ask-question .question {
flex-grow: 1;
}
.listed-question {
margin: 10px;
display: flex;
flex-direction: column;
}
.listed-question > div {
margin: 20px;
width: 90%;
display: flex;
}
.listed-question > div > div {
flex-grow: 1;
}
.listed-question > div.align-right {
align-self: flex-end;
}
.example-questions {
margin: 5px 5px 20px 5px;
}
.example-questions .MuiChip-root {
margin: 5px;
}
.send-btn-wrapper {
border-left: 1px solid #000;
padding-left: 10px;
margin-left: 10px;
display: flex;
align-items: center;
}
.ask-box {
position: fixed;
width: 100vw;
background-color: #fff;
bottom: 0;
left: 0;
}
.ask-box .ask-wrapper {
max-width: 1200px;
margin: auto;
padding: 20px 0;
}
.ask-box .ask-form {
display: flex;
}
.ask-box .llm-selector {
border-right: 1px solid #000000;
padding-right: 10px;
margin-right: 10px;
}
.scroll-container {
scrollbar-width: none; /* Firefox / -ms-overflow-style: none; / Internet Explorer and Edge */
}
.scroll-container::-webkit-scrollbar {
display: none; /* Chrome, Safari, and Opera */
}