ui stuffs

components/editor/ask-ai/index.tsx

@@ -282,7 +282,7 @@ export function AskAI({
   }, [isThinking]);
 
   return (
-    <>
+    <div className="px-3">
       <div className="relative bg-neutral-800 border border-neutral-700 rounded-2xl ring-[4px] focus-within:ring-neutral-500/30 focus-within:border-neutral-600 ring-transparent z-10 w-full group">
         {think && (
           <div className="w-full border-b border-neutral-700 relative overflow-hidden">
@@ -472,6 +472,6 @@ export function AskAI({
         <source src="/success.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
-    </>
+    </div>
   );
 }

components/editor/index.tsx

@@ -184,7 +184,7 @@ export const AppEditor = ({ project }: { project?: Project | null }) => {
           <>
             <div
               ref={editor}
-              className="bg-neutral-900 relative flex-1 overflow-hidden h-full flex flex-col gap-2 pb-3 px-3"
+              className="bg-neutral-900 relative flex-1 overflow-hidden h-full flex flex-col gap-2 pb-3"
             >
               <CopyIcon
                 className="size-4 absolute top-2 right-5 text-neutral-500 hover:text-neutral-300 z-2 cursor-pointer"

components/editor/preview/index.tsx

@@ -147,12 +147,11 @@ export const Preview = ({
         ref={iframeRef}
         title="output"
         className={classNames(
-          "w-full select-none transition-all duration-200 bg-black",
+          "w-full select-none transition-all duration-200 bg-black h-full",
           {
             "pointer-events-none": isResizing || isAiWorking,
-            "lg:max-w-md lg:mx-auto lg:h-[80dvh] lg:!rounded-[42px] lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl":
+            "lg:max-w-md lg:mx-auto lg:!rounded-[42px] lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl lg:h-[70dvh] lg:max-h-[996px]":
               device === "mobile",
-            "h-full": device === "desktop",
             "lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl lg:rounded-[24px]":
               currentTab !== "preview" && device === "desktop",
           }