KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix spacing

This commit is contained in:
Mckay Wrigley 2023-04-01 14:54:59 -06:00
parent 9683ce21b3
commit cfb610df1e
1 changed files with 39 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
components/Promptbar/Prompt.tsx
View File

@ -56,53 +56,53 @@ export const PromptComponent: FC<Props> = ({
> >
<IconBulbFilled size={18} /> <IconBulbFilled size={18} />
<div className="relative max-h-5 flex-1 overflow-hidden text-ellipsis whitespace-nowrap break-all text-left text-[12.5px] leading-3"> <div className="relative max-h-5 flex-1 overflow-hidden text-ellipsis whitespace-nowrap break-all pr-4 text-left text-[12.5px] leading-3">
{prompt.name} {prompt.name}
</div> </div>
</button> </button>
{(isDeleting || isRenaming) && ( {(isDeleting || isRenaming) && (
<div className="absolute right-1 z-10 flex text-gray-300"> <div className="absolute right-1 z-10 flex text-gray-300">
<button <button
className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (isDeleting) { if (isDeleting) {
onDeletePrompt(prompt); onDeletePrompt(prompt);
} }
setIsDeleting(false); setIsDeleting(false);
}} }}
> >
<IconCheck size={18} /> <IconCheck size={18} />
</button> </button>
<button <button
className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
setIsDeleting(false); setIsDeleting(false);
}} }}
> >
<IconX size={18} /> <IconX size={18} />
</button> </button>
</div> </div>
)} )}
{!isDeleting && !isRenaming && ( {!isDeleting && !isRenaming && (
<div className="absolute right-1 z-10 flex text-gray-300"> <div className="absolute right-1 z-10 flex text-gray-300">
<button <button
className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
setIsDeleting(true); setIsDeleting(true);
}} }}
> >
<IconTrash size={18} /> <IconTrash size={18} />
</button> </button>
</div> </div>
)} )}
{showModal && ( {showModal && (
<PromptModal <PromptModal