ui updates

katia-openai · katia-openai · commit b5f34ee9c27b · 2025-08-07T21:36:22.000-07:00
diff --git a/front-end/components/app-modal.tsx b/front-end/components/app-modal.tsx
@@ -27,7 +27,7 @@ export function AppModal({ active, open, onOpenChange }: AppModalProps) {
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="h-[90vh] w-full md:min-w-[80vw] md:h-[80vh] p-4 overflow-scroll">
         {active && (
-          <div className="flex w-full h-full flex-col gap-6 md:flex-row">
+          <div className="flex w-full h-full flex-col-reverse gap-6 md:flex-row">
             <div className="flex w-full flex-col md:w-2/3">
               <div className="flex-1 w-full rounded border">
                 <iframe
@@ -59,7 +59,7 @@ export function AppModal({ active, open, onOpenChange }: AppModalProps) {
                       )}`}
                       target="_blank"
                       rel="noreferrer"
-                      className="flex items-center gap-2 text-sm bg-black text-white px-2.5 py-1 rounded-lg"
+                      className="flex items-center gap-2 text-sm bg-gray-100 hover:bg-gray-200 px-2.5 py-1 rounded-lg"
                     >
                       <Shuffle size={16} /> Open in ChatGPT
                     </Link>
diff --git a/front-end/components/ui/copy-button.tsx b/front-end/components/ui/copy-button.tsx
@@ -56,7 +56,7 @@ export const CopyButton = ({
       onClick={handleClick}
       className="flex items-center gap-2 cursor-pointer z-10"
     >
-      <div className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-100">
+      <div className="p-2 rounded-lg bg-black text-white hover:bg-gray-800 transition-colors duration-100">
         {copied ? (
           <Check key="copied-icon" size={16} />
         ) : (

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ export const CopyButton = ({`
`56`	`56`	`onClick={handleClick}`
`57`	`57`	`className="flex items-center gap-2 cursor-pointer z-10"`
`58`	`58`	`>`
`59`		`- <div className="p-2 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-100">`
	`59`	`+ <div className="p-2 rounded-lg bg-black text-white hover:bg-gray-800 transition-colors duration-100">`
`60`	`60`	`{copied ? (`
`61`	`61`	`<Check key="copied-icon" size={16} />`
`62`	`62`	`) : (`