Files
posthog.com/static/styles/inkeep.css
Eli Kinsey 73f9df0e53 Add Max AI chatbot (#10284)
Co-authored-by: Cory Watilo <corywatilo@gmail.com>
2025-01-09 17:30:56 +00:00

197 lines
3.6 KiB
CSS

.ikp-ai-chat__header {
display: none;
}
b,
strong,
.ikp-message-header__name {
font-variation-settings: "wght" 800;
}
.ikp-loading__dots {
background: url(https://res.cloudinary.com/dmukukwp6/image/upload/loading_bdba47912e.gif) no-repeat center center;
background-size: 100%;
height: 3rem;
margin-left: -.5rem;
width: 3rem;
}
.ikp-loading__dots span {
display: none;
}
.ikp-ai-chat-footer__content-wrapper {
padding-top: .5rem;
}
.ikp-ai-chat__message-box {
border-radius: .25rem;
border-style: solid;
border-width: 1px;
box-shadow: none;
padding: 0;
[data-theme="light"] & {
background: #E5E7E0;
border-color: #E5E7E0;
&:hover {
border-color: rgba(0,0,0,.25);
}
&:focus-within {
border-color: rgba(0,0,0,.5);
}
}
[data-theme="dark"] & {
background: #232429;
border-color: #4A4C52;
&:hover {
border-color: rgba(255,255,255,.5);
}
&:focus-within {
border-color: rgba(255,255,255,.75);
}
}
}
.ikp-ai-chat__message-input {
font-size: 15px;
}
.ikp-ai-chat__send-button {
border-radius: .25rem;
border-style: solid;
border-width: 1.5px;
flex: 0 0 28px;
margin: .25rem .25rem calc(.25rem + 1px);
min-height: 28px;
padding: .25rem;
min-width: 28px;
width: 28px;
}
.ikp-ai-chat__send-button:not(:disabled) {
border-bottom-width: 2.5px;
[data-theme="light"] & {
border-color: rgba(0,0,0,.5);
color: rgba(0,0,0,.5);
}
[data-theme="dark"] & {
border-color: rgba(255,255,255,.5);
color: rgba(255,255,255,.75);
}
}
.ikp-ai-chat__send-button:disabled {
[data-theme="light"] & {
border-color: rgba(0,0,0,.3);
color: rgba(0,0,0,.3);
}
[data-theme="dark"] & {
border-color: #4A4C52;
color: #4A4C52;
}
}
.ikp-ai-chat__send-button:hover {
top: -.5px;
}
.ikp-ai-chat__send-button:active {
top: .5px;
}
.ikp-ai-chat__send-icon {
transform: rotate(0deg);
}
.ikp-messages__wrapper > div:first-child {
padding-bottom: 0;
}
.ikp-chat-bubble__wrapper {
padding-top: 1rem;
padding-bottom: 0;
}
.ikp-message-header {
margin-bottom: .5rem;
}
.community-suggestion {
border-width: 1px;
border-style: solid;
border-radius: .25rem;
font-size: .875rem;
padding: .5rem;
[data-theme="light"] & {
border-color: #D0D1C9;
background: #EEEFE9;
}
[data-theme="dark"] & {
border-color: #4A4C52;
background: #1d1f27;
}
}
.ikp-chat-bubble__message-actions {
margin-bottom: -1.5rem;
}
/* sources container */
.ikp-d_block .ikp-d_flex.ikp-items_center.ikp-gap_3.ikp-flex_column {
gap: 0;
}
.ikp-citation-sources-header {
font-size: .875rem;
margin: 0;
position: relative;
top: -.25rem;
}
.ikp-d_block .ikp-d_flex.ikp-items_center > a:not(:last-child) {
border-bottom-width: 1px;
border-bottom-style: solid;
border-radius: 0;
padding: 0;
[data-theme="light"] & {
border-bottom-color: #D0D1C9;
}
[data-theme="dark"] & {
border-bottom-color: #4A4C52;
}
}
a.ikp-result-card {
}
.ikp-result-card__container {
border: none;
padding: 0;
}
.ikp-result-card__container--focused {
background: transparent;
}
.ikp-result-card__container--focused .ikp-search-result-line__first .ikp-preview-content {
text-decoration: underline;
}
.ikp-result-card__body {
padding: .25rem 0;
}
.ikp-result-card__body .ikp-d_flex.ikp-items_center.ikp-gap_3 {
gap: .5rem;
}