kamp/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2024-11-19 12:40:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Document pinning modal ui update (#2490)

Browse Source 
document pinning modal ui update
This commit is contained in:
Sean Hatfield 2024-10-16 14:47:15 -07:00 committed by GitHub
parent 83b1949774
commit 5d4d28c9a2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/index.jsx
View File

@ -265,17 +265,17 @@ const PinAlert = memo(() => {
return ( return (
<ModalWrapper isOpen={showAlert} noPortal={true}> <ModalWrapper isOpen={showAlert} noPortal={true}>
<div className="relative w-full max-w-2xl max-h-full"> <div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden">
<div className="relative bg-main-gradient rounded-lg shadow"> <div className="relative p-6 border-b rounded-t border-theme-modal-border">
<div className="flex items-start justify-between p-4 rounded-t border-gray-500/50">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<PushPin className="text-red-600 text-lg w-6 h-6" weight="fill" /> <PushPin className="text-theme-text-primary text-lg w-6 h-6" weight="regular" />
<h3 className="text-xl font-semibold text-white"> <h3 className="text-xl font-semibold text-white">
What is document pinning? What is document pinning?
</h3> </h3>
</div> </div>
</div> </div>
<div className="w-full p-6 text-white text-md flex flex-col gap-y-2"> <div className="py-7 px-9 space-y-2 flex-col">
<div className="w-full text-white text-md flex flex-col gap-y-2">
<p> <p>
When you <b>pin</b> a document in AnythingLLM we will inject the When you <b>pin</b> a document in AnythingLLM we will inject the
entire content of the document into your prompt window for your entire content of the document into your prompt window for your
@ -291,18 +291,16 @@ const PinAlert = memo(() => {
in a click. in a click.
</p> </p>
</div> </div>
</div>
<div className="flex w-full justify-between items-center p-6 space-x-2 border-t rounded-b border-gray-500/50"> <div className="flex w-full justify-end items-center p-6 space-x-2 border-t border-theme-modal-border rounded-b">
<button disabled={true} className="invisible" />
<button <button
onClick={dismissAlert} onClick={dismissAlert}
className="border border-slate-200 px-4 py-2 rounded-lg text-white text-sm items-center flex gap-x-2 hover:bg-slate-200 hover:text-slate-800 focus:ring-gray-800" className="transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm"
> >
Okay, got it Okay, got it
</button> </button>
</div> </div>
</div> </div>
</div>
</ModalWrapper> </ModalWrapper>
); );
}); });