remix-nlux
Version:
Remix IDE NLUX integration. Remix IDE is the leading IDE for building and deploying smart contracts on Ethereum. NLUX is a JavaScript and React library for building conversational AI experiences.
79 lines (65 loc) • 1.85 kB
CSS
.nlux-AiChat-root {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
:is(h1, h2, h3, h4, h5, h6) {
margin: 0;
padding: 0;
}
> .nlux-comp-exceptionBox {
position: absolute;
z-index: 999999;
top: 0;
right: var(--nlux-chtr--brdrWd);
left: var(--nlux-chtr--brdrWd);
width: 100%;
}
> .nlux-chatRoom-container {
position: relative;
display: flex;
overflow: hidden;
flex-direction: column;
flex-grow: 1;
width: 100%;
height: 100%;
> .nlux-launchPad-container,
> .nlux-conversation-container {
/* position: absolute; */
flex-grow: 1;
/* flex-shrink: 1; */
height: calc(100% - 60px);
}
> .nlux-composer-container {
display: flex;
align-items: stretch;
flex-direction: row;
width: 100%;
min-height: var(--nlux-prmInp-hg);
background-color: var(--nlux-cmp-cnt--bgClr);
> .nlux-comp-composer {
width: 100%;
}
}
}
> .nlux-chatRoom-container.nlux-chatRoom-starting {
> .nlux-conversation-container {
display: none;
}
}
> .nlux-chatRoom-container:not(.nlux-chatRoom-starting) {
> .nlux-launchPad-container {
display: none;
}
> .nlux-conversation-container {
overflow-x: hidden;
overflow-y: auto;
flex: 1;
padding: var(--nlux-chtr--pdng) var(--nlux-chtr--pdng) var(--nlux-dvr--mrgBtm) var(--nlux-chtr--pdng);
> .nlux-conversationStarters-container:empty {
display: none;
}
}
}
}