mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-11-19 12:40:09 +01:00
Main container color update (#2382)
This commit is contained in:
parent
83ab8a0912
commit
3adc5e4c50
@ -333,7 +333,7 @@ function SkillLayout({ children, hasChanges, handleSubmit, handleCancel }) {
|
||||
return (
|
||||
<div
|
||||
id="workspace-agent-settings-container"
|
||||
className="w-screen h-screen overflow-hidden bg-sidebar flex md:mt-0 mt-6"
|
||||
className="w-screen h-screen overflow-hidden bg-main-container-bg flex md:mt-0 mt-6"
|
||||
>
|
||||
<Sidebar />
|
||||
<div
|
||||
|
@ -8,7 +8,7 @@ import DocumentSyncQueueRow from "./DocumentSyncQueueRow";
|
||||
|
||||
export default function LiveDocumentSyncManager() {
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -90,7 +90,7 @@ function FeatureLayout({ children }) {
|
||||
return (
|
||||
<div
|
||||
id="workspace-feature-settings-container"
|
||||
className="w-screen h-screen overflow-hidden bg-sidebar flex md:mt-0 mt-6"
|
||||
className="w-screen h-screen overflow-hidden bg-main-container-bg flex md:mt-0 mt-6"
|
||||
>
|
||||
<Sidebar />
|
||||
<div
|
||||
|
@ -16,7 +16,7 @@ export default function AdminInvites() {
|
||||
const { isOpen, openModal, closeModal } = useModal();
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -54,7 +54,7 @@ export default function AdminLogs() {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -38,7 +38,7 @@ export default function AdminSystem() {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -16,7 +16,7 @@ export default function AdminUsers() {
|
||||
const { isOpen, openModal, closeModal } = useModal();
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -15,7 +15,7 @@ export default function AdminWorkspaces() {
|
||||
const { isOpen, openModal, closeModal } = useModal();
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -133,7 +133,7 @@ export function FineTuningCreationLayout({ setStep, children }) {
|
||||
return (
|
||||
<div
|
||||
id="fine-tune-create-order-container"
|
||||
className="w-screen h-screen overflow-hidden bg-sidebar flex md:mt-0 mt-6"
|
||||
className="w-screen h-screen overflow-hidden bg-main-container-bg flex md:mt-0 mt-6"
|
||||
>
|
||||
<Sidebar />
|
||||
<div
|
||||
|
@ -19,7 +19,7 @@ export default function AdminApiKeys() {
|
||||
const { isOpen, openModal, closeModal } = useModal();
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -13,7 +13,7 @@ import ShowScrollbar from "./ShowScrollbar";
|
||||
export default function Appearance() {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -20,7 +20,7 @@ export default function AudioPreference() {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
{loading ? (
|
||||
<div
|
||||
|
@ -39,7 +39,7 @@ export default function BrowserExtensionApiKeys() {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -115,7 +115,7 @@ export default function WorkspaceChats() {
|
||||
}, [offset]);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -88,7 +88,7 @@ export default function EmbedChats() {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -16,7 +16,7 @@ export default function EmbedConfigs() {
|
||||
const { isOpen, openModal, closeModal } = useModal();
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -211,7 +211,7 @@ export default function GeneralEmbeddingPreference() {
|
||||
);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
{loading ? (
|
||||
<div
|
||||
|
@ -63,7 +63,7 @@ export default function EmbeddingTextSplitterPreference() {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
{loading ? (
|
||||
<div
|
||||
|
@ -328,7 +328,7 @@ export default function GeneralLLMPreference() {
|
||||
(llm) => llm.value === selectedLLM
|
||||
);
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
{loading ? (
|
||||
<div
|
||||
|
@ -26,7 +26,7 @@ export default function PrivacyAndDataHandling() {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
|
||||
|
||||
export default function GeneralSecurity() {
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -99,7 +99,7 @@ export default function TranscriptionModelPreference() {
|
||||
);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
{loading ? (
|
||||
<div
|
||||
|
@ -171,7 +171,7 @@ export default function GeneralVectorDatabase() {
|
||||
const selectedVDBObject = VECTOR_DBS.find((vdb) => vdb.value === selectedVDB);
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<Sidebar />
|
||||
{loading ? (
|
||||
<div
|
||||
|
@ -32,7 +32,7 @@ export default function InvitePage() {
|
||||
|
||||
if (result.status === "loading") {
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
<FullScreenLoader />
|
||||
</div>
|
||||
);
|
||||
@ -40,14 +40,14 @@ export default function InvitePage() {
|
||||
|
||||
if (result.status === "invalid") {
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex items-center justify-center">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex items-center justify-center">
|
||||
<p className="text-red-400 text-lg">{result.message}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex items-center justify-center">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex items-center justify-center">
|
||||
<ModalWrapper isOpen={true}>
|
||||
<NewUserModal />
|
||||
</ModalWrapper>
|
||||
|
@ -17,7 +17,7 @@ export default function Main() {
|
||||
return (
|
||||
<>
|
||||
<UserMenu>
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
{!isMobile && <Sidebar />}
|
||||
<DefaultChatContainer />
|
||||
</div>
|
||||
|
@ -45,7 +45,7 @@ function ShowWorkspaceChat() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
{!isMobile && <Sidebar />}
|
||||
<WorkspaceChatContainer loading={loading} workspace={workspace} />
|
||||
</div>
|
||||
|
@ -73,7 +73,7 @@ function ShowWorkspaceChat() {
|
||||
|
||||
const TabContent = TABS[tab];
|
||||
return (
|
||||
<div className="w-screen h-screen overflow-hidden bg-sidebar flex">
|
||||
<div className="w-screen h-screen overflow-hidden bg-main-container-bg flex">
|
||||
{!isMobile && <Sidebar />}
|
||||
<div
|
||||
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
|
||||
|
@ -52,6 +52,9 @@ export default {
|
||||
"footer-icon": "rgba(255, 255, 255, 0.1)",
|
||||
"footer-icon-hover": "rgba(255, 255, 255, 0.2)",
|
||||
"sidebar-border": "rgba(255, 255, 255, 0.1)",
|
||||
|
||||
// Main container colors
|
||||
"main-container-bg": "#0E0F0F",
|
||||
},
|
||||
backgroundImage: {
|
||||
"preference-gradient":
|
||||
|
Loading…
Reference in New Issue
Block a user