Main container color update (#2382)

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

View File

@ -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

View File

@ -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)" }}

View File

@ -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

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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)" }}

View File

@ -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)" }}

View File

@ -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

View File

@ -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

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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)" }}

View File

@ -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":