aljaz/AgentGPT
1
0
Fork 0
mirror of https://github.com/aljazceru/AgentGPT.git synced 2025-12-17 14:04:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

🚀 Update styling

Browse Source
This commit is contained in:
Asim Shrestha
2023-04-07 13:45:18 -07:00
parent d8c8f18f05
commit bd70423d12
4 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ChatWindow.tsx
View File

@@ -1,27 +1,23 @@
import cx from "classnames";
import { ReactNode } from "react";
import type { ReactNode } from "react";
interface ChatWindowProps {
children?: ReactNode;
}
const ChatWindow = ({ children }: ChatWindowProps) => {
return (
<div className="border-translucent flex h-80 w-full max-w-screen-md flex-col rounded-3xl drop-shadow-lg bg-black text-white">
<div className="border-translucent flex h-80 w-full max-w-screen-md flex-col rounded-3xl bg-black/50 text-white drop-shadow-lg">
<MacWindowHeader />
{children}
</div>
)
}
);
};
const MacWindowHeader = () => {
return (
<div
className={cx(
"flex gap-1 rounded-t-3xl border-b-[1px] p-3",
"flex gap-1 rounded-t-3xl border-b-[1px] p-3",
"border-gray-200 bg-gray-100",
"border-white/25 bg-black"
)}
className={cx("flex gap-1 rounded-t-3xl p-3", "flex gap-1 rounded-t-3xl")}
>
<div className="h-3 w-3 rounded-full bg-red-500"></div>
<div className="h-3 w-3 rounded-full bg-yellow-500"></div>
@@ -30,4 +26,4 @@ const MacWindowHeader = () => {
);
};
export default ChatWindow;
export default ChatWindow;