Fixed button appearing at start
This commit is contained in:
parent
9ec48cbd17
commit
4ece1f13ff
1 changed files with 32 additions and 30 deletions
|
|
@ -220,39 +220,41 @@ export default function GenericModal({
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-4 flex h-fit w-full items-end justify-between">
|
<div className="mt-4 flex h-fit w-full items-end justify-between">
|
||||||
{type === TypeModal.PROMPT && (
|
<div className="mb-auto flex-1">
|
||||||
<div className="mb-auto mr-2 max-h-20 flex-1 overflow-y-auto custom-scroll">
|
{type === TypeModal.PROMPT && (
|
||||||
<div className="flex flex-wrap items-center">
|
<div className=" mr-2 max-h-20 overflow-y-auto custom-scroll">
|
||||||
<Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
|
<div className="flex flex-wrap items-center">
|
||||||
<span className="text-md font-semibold text-primary">
|
<Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
|
||||||
Input Variables:
|
<span className="text-md font-semibold text-primary">
|
||||||
</span>
|
Input Variables:
|
||||||
|
</span>
|
||||||
|
|
||||||
{wordsHighlight.map((word, index) => (
|
{wordsHighlight.map((word, index) => (
|
||||||
<ShadTooltip
|
<ShadTooltip
|
||||||
key={getRandomKeyByssmm() + index}
|
key={getRandomKeyByssmm() + index}
|
||||||
content={word.replace(/[{}]/g, "")}
|
content={word.replace(/[{}]/g, "")}
|
||||||
asChild={false}
|
asChild={false}
|
||||||
>
|
|
||||||
<Badge
|
|
||||||
key={index}
|
|
||||||
variant="gray"
|
|
||||||
size="md"
|
|
||||||
className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
|
|
||||||
>
|
>
|
||||||
<div className="relative bottom-[1px]">
|
<Badge
|
||||||
<span>
|
key={index}
|
||||||
{word.replace(/[{}]/g, "").length > 59
|
variant="gray"
|
||||||
? word.replace(/[{}]/g, "").slice(0, 56) + "..."
|
size="md"
|
||||||
: word.replace(/[{}]/g, "")}
|
className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
|
||||||
</span>
|
>
|
||||||
</div>
|
<div className="relative bottom-[1px]">
|
||||||
</Badge>
|
<span>
|
||||||
</ShadTooltip>
|
{word.replace(/[{}]/g, "").length > 59
|
||||||
))}
|
? word.replace(/[{}]/g, "").slice(0, 56) + "..."
|
||||||
|
: word.replace(/[{}]/g, "")}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</Badge>
|
||||||
|
</ShadTooltip>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
)}
|
||||||
)}
|
</div>
|
||||||
<Button
|
<Button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
switch (myModalType) {
|
switch (myModalType) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue