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

Main container color update (#2382)

Browse Source
This commit is contained in:
Sean Hatfield 2024-09-27 17:42:33 -07:00 committed by GitHub
parent 83ab8a0912
commit 3adc5e4c50
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
28 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/Admin/Agents/index.jsx
View File

@ -333,7 +333,7 @@ function SkillLayout({ children, hasChanges, handleSubmit, handleCancel }) {
return ( return (
<div <div
id="workspace-agent-settings-container" 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 /> <Sidebar />
<div <div

2
frontend/src/pages/Admin/ExperimentalFeatures/Features/LiveSync/manage/index.jsx
View File

@ -8,7 +8,7 @@ import DocumentSyncQueueRow from "./DocumentSyncQueueRow";
export default function LiveDocumentSyncManager() { export default function LiveDocumentSyncManager() {
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/Admin/ExperimentalFeatures/index.jsx
View File

@ -90,7 +90,7 @@ function FeatureLayout({ children }) {
return ( return (
<div <div
id="workspace-feature-settings-container" 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 /> <Sidebar />
<div <div

2
frontend/src/pages/Admin/Invitations/index.jsx
View File

@ -16,7 +16,7 @@ export default function AdminInvites() {
const { isOpen, openModal, closeModal } = useModal(); const { isOpen, openModal, closeModal } = useModal();
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/Admin/Logging/index.jsx
View File

@ -54,7 +54,7 @@ export default function AdminLogs() {
}; };
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/Admin/System/index.jsx
View File

@ -38,7 +38,7 @@ export default function AdminSystem() {
}, []); }, []);
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/Admin/Users/index.jsx
View File

@ -16,7 +16,7 @@ export default function AdminUsers() {
const { isOpen, openModal, closeModal } = useModal(); const { isOpen, openModal, closeModal } = useModal();
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/Admin/Workspaces/index.jsx
View File

@ -15,7 +15,7 @@ export default function AdminWorkspaces() {
const { isOpen, openModal, closeModal } = useModal(); const { isOpen, openModal, closeModal } = useModal();
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/FineTuning/Steps/index.jsx
View File

@ -133,7 +133,7 @@ export function FineTuningCreationLayout({ setStep, children }) {
return ( return (
<div <div
id="fine-tune-create-order-container" 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 /> <Sidebar />
<div <div

2
frontend/src/pages/GeneralSettings/ApiKeys/index.jsx
View File

@ -19,7 +19,7 @@ export default function AdminApiKeys() {
const { isOpen, openModal, closeModal } = useModal(); const { isOpen, openModal, closeModal } = useModal();
const { t } = useTranslation(); const { t } = useTranslation();
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/Appearance/index.jsx
View File

@ -13,7 +13,7 @@ import ShowScrollbar from "./ShowScrollbar";
export default function Appearance() { export default function Appearance() {
const { t } = useTranslation(); const { t } = useTranslation();
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/AudioPreference/index.jsx
View File

@ -20,7 +20,7 @@ export default function AudioPreference() {
}, []); }, []);
return ( 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 /> <Sidebar />
{loading ? ( {loading ? (
<div <div

2
frontend/src/pages/GeneralSettings/BrowserExtensionApiKey/index.jsx
View File

@ -39,7 +39,7 @@ export default function BrowserExtensionApiKeys() {
}; };
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/Chats/index.jsx
View File

@ -115,7 +115,7 @@ export default function WorkspaceChats() {
}, [offset]); }, [offset]);
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/EmbedChats/index.jsx
View File

@ -88,7 +88,7 @@ export default function EmbedChats() {
}, []); }, []);
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/EmbedConfigs/index.jsx
View File

@ -16,7 +16,7 @@ export default function EmbedConfigs() {
const { isOpen, openModal, closeModal } = useModal(); const { isOpen, openModal, closeModal } = useModal();
const { t } = useTranslation(); const { t } = useTranslation();
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/EmbeddingPreference/index.jsx
View File

@ -211,7 +211,7 @@ export default function GeneralEmbeddingPreference() {
); );
return ( 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 /> <Sidebar />
{loading ? ( {loading ? (
<div <div

2
frontend/src/pages/GeneralSettings/EmbeddingTextSplitterPreference/index.jsx
View File

@ -63,7 +63,7 @@ export default function EmbeddingTextSplitterPreference() {
}, []); }, []);
return ( 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 /> <Sidebar />
{loading ? ( {loading ? (
<div <div

2
frontend/src/pages/GeneralSettings/LLMPreference/index.jsx
View File

@ -328,7 +328,7 @@ export default function GeneralLLMPreference() {
(llm) => llm.value === selectedLLM (llm) => llm.value === selectedLLM
); );
return ( 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 /> <Sidebar />
{loading ? ( {loading ? (
<div <div

2
frontend/src/pages/GeneralSettings/PrivacyAndData/index.jsx
View File

@ -26,7 +26,7 @@ export default function PrivacyAndDataHandling() {
}, []); }, []);
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/Security/index.jsx
View File

@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
export default function GeneralSecurity() { export default function GeneralSecurity() {
return ( 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 /> <Sidebar />
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

2
frontend/src/pages/GeneralSettings/TranscriptionPreference/index.jsx
View File

@ -99,7 +99,7 @@ export default function TranscriptionModelPreference() {
); );
return ( 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 /> <Sidebar />
{loading ? ( {loading ? (
<div <div

2
frontend/src/pages/GeneralSettings/VectorDatabase/index.jsx
View File

@ -171,7 +171,7 @@ export default function GeneralVectorDatabase() {
const selectedVDBObject = VECTOR_DBS.find((vdb) => vdb.value === selectedVDB); const selectedVDBObject = VECTOR_DBS.find((vdb) => vdb.value === selectedVDB);
return ( 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 /> <Sidebar />
{loading ? ( {loading ? (
<div <div

6
frontend/src/pages/Invite/index.jsx
View File

@ -32,7 +32,7 @@ export default function InvitePage() {
if (result.status === "loading") { if (result.status === "loading") {
return ( 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 /> <FullScreenLoader />
</div> </div>
); );
@ -40,14 +40,14 @@ export default function InvitePage() {
if (result.status === "invalid") { if (result.status === "invalid") {
return ( 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> <p className="text-red-400 text-lg">{result.message}</p>
</div> </div>
); );
} }
return ( 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}> <ModalWrapper isOpen={true}>
<NewUserModal /> <NewUserModal />
</ModalWrapper> </ModalWrapper>

2
frontend/src/pages/Main/index.jsx
View File

@ -17,7 +17,7 @@ export default function Main() {
return ( return (
<> <>
<UserMenu> <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 />} {!isMobile && <Sidebar />}
<DefaultChatContainer /> <DefaultChatContainer />
</div> </div>

2
frontend/src/pages/WorkspaceChat/index.jsx
View File

@ -45,7 +45,7 @@ function ShowWorkspaceChat() {
return ( 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 />} {!isMobile && <Sidebar />}
<WorkspaceChatContainer loading={loading} workspace={workspace} /> <WorkspaceChatContainer loading={loading} workspace={workspace} />
</div> </div>

2
frontend/src/pages/WorkspaceSettings/index.jsx
View File

@ -73,7 +73,7 @@ function ShowWorkspaceChat() {
const TabContent = TABS[tab]; const TabContent = TABS[tab];
return ( 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 />} {!isMobile && <Sidebar />}
<div <div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}

3
frontend/tailwind.config.js
View File

@ -52,6 +52,9 @@ export default {
"footer-icon": "rgba(255, 255, 255, 0.1)", "footer-icon": "rgba(255, 255, 255, 0.1)",
"footer-icon-hover": "rgba(255, 255, 255, 0.2)", "footer-icon-hover": "rgba(255, 255, 255, 0.2)",
"sidebar-border": "rgba(255, 255, 255, 0.1)", "sidebar-border": "rgba(255, 255, 255, 0.1)",
// Main container colors
"main-container-bg": "#0E0F0F",
}, },
backgroundImage: { backgroundImage: {
"preference-gradient": "preference-gradient":