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.
57 lines (49 loc) • 1.7 kB
CSS
.nlux-conversationStarters-container {
overflow-y: scroll;
> .nlux-comp-conversationStarters {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: center;
width: max-content;
min-width: 100%;
padding: var(--nlux-cvStrt--pdng);
gap: 10px;
> .nlux-comp-conversationStarter {
font-family: var(--nlux-chtr--fnFm), sans-serif;
display: flex;
overflow: hidden;
align-items: start;
flex-direction: column;
justify-content: center;
width: var(--nlux-cvStrt--wd);
height: var(--nlux-cvStrt--hg);
padding: 12px;
cursor: pointer;
color: var(--nlux-cvStrt--txtClr);
border-width: var(--nlux-cvStrt--brdrWd);
border-style: solid;
border-color: var(--nlux-cvStrt--brdClr);
border-radius: var(--nlux-cvStrt--brdrRd);
background-color: var(--nlux-cvStrt--bgClr);
gap: 0.7rem;
> .nlux-comp-conversationStarter-prompt {
line-height: 1.3rem;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
> .nlux-comp-conversationStarter-icon-container {
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
}
}
}