Ling0925
/
suna
mirror of https://github.com/kortix-ai/suna.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip

This commit is contained in:
marko-kraemer 2025-04-20 22:22:40 +01:00
parent c1d3071392
commit 9cc6c44a8a
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/components/sidebar/kortix-enterprise-modal.tsx
View File

@ -37,11 +37,11 @@ export function KortixProcessModal() {
</DialogTrigger> </DialogTrigger>
<DialogContent className="p-0 gap-0 border-none max-w-[70vw] rounded-xl overflow-hidden"> <DialogContent className="p-0 gap-0 border-none max-w-[70vw] rounded-xl overflow-hidden">
<DialogTitle className="sr-only">Custom AI Employees for your Business.</DialogTitle> <DialogTitle className="sr-only">Custom AI Employees for your Business.</DialogTitle>
<div className="grid grid-cols-1 md:grid-cols-2 h-[800px] overflow-hidden"> <div className="grid grid-cols-1 md:grid-cols-2 h-[800px]">
{/* Info Panel */} {/* Info Panel */}
<div className="p-8 flex flex-col bg-white dark:bg-black relative min-h-0"> <div className="p-8 flex flex-col bg-white dark:bg-black relative h-full overflow-y-auto border-r border-gray-200 dark:border-gray-800">
<div className="relative z-10 h-full flex flex-col"> <div className="relative z-10 flex flex-col h-full">
<div className="mb-8 mt-0"> <div className="mb-8 mt-0 flex-shrink-0">
<Image <Image
src={isDarkMode ? "/kortix-logo-white.svg" : "/kortix-logo.svg"} src={isDarkMode ? "/kortix-logo-white.svg" : "/kortix-logo.svg"}
alt="Kortix Logo" alt="Kortix Logo"
@ -51,14 +51,14 @@ export function KortixProcessModal() {
/> />
</div> </div>
<h2 className="text-2xl md:text-3xl font-semibold tracking-tight mb-4 text-foreground"> <h2 className="text-2xl md:text-3xl font-semibold tracking-tight mb-4 text-foreground flex-shrink-0">
Custom AI Employees for your Business Custom AI Employees for your Business
</h2> </h2>
<p className="text-base md:text-lg text-muted-foreground mb-8 max-w-lg"> <p className="text-base md:text-lg text-muted-foreground mb-8 max-w-lg flex-shrink-0">
Create custom AI employees for your business based on your human employees data. Create custom AI employees for your business based on your human employees data.
</p> </p>
<div className="space-y-8 mb-auto"> <div className="space-y-8 mb-auto flex-shrink-0">
<div className="transition-all duration-300 hover:translate-x-1 group"> <div className="transition-all duration-300 hover:translate-x-1 group">
<h3 className="text-base md:text-lg font-medium mb-3 flex items-center"> <h3 className="text-base md:text-lg font-medium mb-3 flex items-center">
<span className="bg-primary text-primary-foreground w-7 h-7 rounded-full inline-flex items-center justify-center mr-3 text-sm group-hover:shadow-md transition-all duration-300">1</span> <span className="bg-primary text-primary-foreground w-7 h-7 rounded-full inline-flex items-center justify-center mr-3 text-sm group-hover:shadow-md transition-all duration-300">1</span>
@ -90,7 +90,7 @@ export function KortixProcessModal() {
</div> </div>
</div> </div>
<div className="border-t border-gray-200 dark:border-gray-800 pt-6 mt-6"> <div className="border-t border-gray-200 dark:border-gray-800 pt-6 mt-6 flex-shrink-0">
<p className="text-base font-medium mb-3">Key Benefits</p> <p className="text-base font-medium mb-3">Key Benefits</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-y-2 gap-x-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-y-2 gap-x-4">
<div className="flex items-center"> <div className="flex items-center">
@ -117,16 +117,18 @@ export function KortixProcessModal() {
</div> </div>
</div> </div>
</div> </div>
<div className="bg-white dark:bg-[#171717]"> <div className="bg-white dark:bg-[#171717] h-full overflow-hidden">
<Cal <div className="h-full overflow-auto">
<Cal
namespace="enterprise-demo" namespace="enterprise-demo"
calLink="team/kortix/enterprise-demo" calLink="team/kortix/enterprise-demo"
style={{width:"100%", height:"100%", overflow:"scroll"}} style={{width:"100%", height:"100%"}}
config={{ config={{
layout: "month_view", layout: "month_view",
hideEventTypeDetails: "false", hideEventTypeDetails: "false",
}} }}
/> />
</div>
</div> </div>
</div> </div>