Refactor AdvancedControls layout for improved responsiveness and stic…

…ky header functionality
astriaai · Nov 15, 2024 · da9a8f7 · da9a8f7
1 parent b400d91
commit da9a8f7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/PromptForm/AdvancedControls.tsx b/src/components/PromptForm/AdvancedControls.tsx
@@ -79,8 +79,8 @@ export const AdvancedControls = () => {
                 className="rounded-t-lg md:rounded-tr-none md:rounded-tl-lg"
             />
 
-            <div className={`relative md:row-span-2 overflow-auto scrollbar bg-gray-50 px-4 rounded-bl-lg rounded-br-lg md:rounded-bl-none md:rounded-r-lg order-3 md:order-2`}>
-                <div className="flex justify-between items-center mb-[3px] py-2 sticky top-0 bg-gray-50 z-30">
+            <div className={`md:relative md:row-span-2 overflow-auto md:scrollbar bg-gray-50 px-4 rounded-bl-lg rounded-br-lg md:rounded-bl-none md:rounded-r-lg order-3 md:order-2`}>
+                <div className="flex justify-between items-center mb-[3px] py-2 md:sticky md:top-0 bg-gray-50 z-30">
                     <h2 className="text-sm font-medium text-gray-800">Advance Settings</h2>
                 </div>
                 <div className="space-y-[4px]">