This commit is contained in:
timothycarambat 2024-10-16 15:11:17 -07:00
commit acc1baabe8
3 changed files with 38 additions and 37 deletions

View File

@ -265,17 +265,20 @@ const PinAlert = memo(() => {
return (
<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="flex items-start justify-between p-4 rounded-t border-gray-500/50">
<div className="relative p-6 border-b rounded-t border-theme-modal-border">
<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">
What is document pinning?
</h3>
</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>
When you <b>pin</b> a document in AnythingLLM we will inject the
entire content of the document into your prompt window for your
@ -291,18 +294,16 @@ const PinAlert = memo(() => {
in a click.
</p>
</div>
<div className="flex w-full justify-between items-center p-6 space-x-2 border-t rounded-b border-gray-500/50">
<button disabled={true} className="invisible" />
</div>
<div className="flex w-full justify-end items-center p-6 space-x-2 border-t border-theme-modal-border rounded-b">
<button
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
</button>
</div>
</div>
</div>
</ModalWrapper>
);
});

View File

@ -184,9 +184,9 @@ export default function AgentWebSearchSelection({
/>
)}
{searchMenuOpen ? (
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-primary-button z-20">
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-theme-settings-input-bg rounded-lg flex flex-col justify-between cursor-pointer border-2 border-primary-button z-20">
<div className="w-full flex flex-col gap-y-1">
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-theme-settings-input-bg">
<MagnifyingGlass
size={20}
weight="bold"
@ -227,7 +227,7 @@ export default function AgentWebSearchSelection({
</div>
) : (
<button
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-primary-button transition-all duration-300"
className="w-full max-w-[640px] h-[64px] bg-theme-settings-input-bg rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-primary-button transition-all duration-300"
type="button"
onClick={() => setSearchMenuOpen(true)}
>

View File

@ -179,18 +179,18 @@ function FeatureVerification({ children }) {
return (
<>
<ModalWrapper isOpen={true}>
<form
onSubmit={acceptTos}
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="flex items-start justify-between p-4 border-b rounded-t border-gray-500/50">
<div className="relative p-6 border-b rounded-t border-theme-modal-border">
<div className="flex items-center gap-2">
<Flask size={24} className="text-theme-text-primary" />
<h3 className="text-xl font-semibold text-white">
Terms of use for experimental features
</h3>
</div>
<div className="p-6 space-y-6 flex h-full w-full">
<div className="w-full flex flex-col gap-y-4 text-white">
</div>
<form onSubmit={acceptTos}>
<div className="py-7 px-9 space-y-4 flex-col">
<div className="w-full text-white text-md flex flex-col gap-y-4">
<p>
Experimental features of AnythingLLM are features that we
are piloting and are <b>opt-in</b>. We proactively will
@ -203,7 +203,7 @@ function FeatureVerification({ children }) {
Use of any feature on this page can result in, but not
limited to, the following possibilities.
</p>
<ul className="list-disc ml-6 text-sm font-mono">
<ul className="list-disc ml-6 text-sm font-mono mt-2">
<li>Loss of data.</li>
<li>Change in quality of results.</li>
<li>Increased storage.</li>
@ -221,7 +221,7 @@ function FeatureVerification({ children }) {
Use of an experimental feature also comes with the
following list of non-exhaustive conditions.
</p>
<ul className="list-disc ml-6 text-sm font-mono">
<ul className="list-disc ml-6 text-sm font-mono mt-2">
<li>Feature may not exist in future updates.</li>
<li>The feature being used is not currently stable.</li>
<li>
@ -255,7 +255,7 @@ function FeatureVerification({ children }) {
</p>
</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-between items-center p-6 space-x-2 border-t border-theme-modal-border rounded-b">
<a
href={paths.home()}
className="px-4 py-2 rounded-lg text-white hover:bg-stone-900 transition-all duration-300"
@ -264,13 +264,13 @@ function FeatureVerification({ children }) {
</a>
<button
type="submit"
className="transition-all duration-300 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"
>
I understand
</button>
</div>
</div>
</form>
</div>
</ModalWrapper>
{children}
</>