feat/prompt-playground-ui-components

Author: impoiler

ui/app/clientLayout.tsx

@@ -41,8 +41,8 @@ function AppContent({ children }: { children: React.ReactNode }) {
 				<StoreSyncInitializer />
 				<SidebarProvider>
 					<Sidebar />
-					<div className="dark:bg-card custom-scrollbar my-[0.5rem] mr-[0.5rem] h-[calc(100dvh-1rem)] w-full min-w-xl overflow-auto rounded-md border border-gray-200 bg-white px-10 dark:border-zinc-800">
-						<main className="custom-scrollbar relative mx-auto flex flex-col overflow-y-hidden p-4">
+					<div className="dark:bg-card custom-scrollbar my-[0.5rem] mr-[0.5rem] h-[calc(100dvh-1rem)] w-full min-w-xl overflow-auto rounded-md border border-gray-200 bg-white px-10 dark:border-zinc-800 content-container">
+						<main className="custom-scrollbar relative mx-auto flex flex-col overflow-y-hidden p-4 content-container-inner">
 							{isLoading ? <FullPageLoader /> : <FullPage config={bifrostConfig}>{children}</FullPage>}
 						</main>
 					</div>

ui/app/globals.css

@@ -2,6 +2,7 @@
 @import "tw-animate-css";
 
 @source "../app/**/*.tsx";
+@source "../../../bifrost-enterprise/enterprise-ui/app/**/*.tsx";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -226,4 +227,8 @@ div.content-container:has(.no-padding-parent) {
 
 div.content-container main.content-container-inner:has(.no-padding-parent) {
 	@apply !p-0;
+}
+
+div.content-container:has(.no-border-parent) {
+	@apply !border-0;
 }