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.
29 lines (23 loc) • 1.03 kB
CSS
.nlux-comp-chatItem.nlux-comp-chatItem--listLayout {
align-items: stretch;
flex-direction: column;
> .nlux-comp-message {
display: flex;
align-items: stretch;
flex-direction: column;
margin: var(--nlux-chItm-msg-lstLt--mrgTp) var(--nlux-chItm-msg-lstLt--mrgRgt) var(--nlux-chItm-msg-lstLt--mrgBtm) var(--nlux-chItm-msg-lstLt--mrgLft);
padding: var(--nlux-chItm-msg-lstLt--pdng-tpBtm) var(--nlux-chItm-msg-lstLt--pdng-lr);
}
> .nlux-comp-chatItem-participantInfo {
display: flex;
align-items: start;
justify-content: start;
> .nlux-comp-avatar {
border-width: var(--nlux-chItm-msg-lstLt--brdrWd);
}
> .nlux-comp-chatItem-participantName:first-child {
/* When no avatar is present, alight the participant name to where it would have been with the avatar */
margin-left: calc(var(--nlux-chItm-msg-lstLt--mrgLft) + var(--nlux-comp-chatItem-participantInfo--gap));
}
}
}