draft mobile layout

invokeai/frontend/web/src/features/parameters/components/AccordionItems/InvokeAccordionItem.tsx

@@ -23,7 +23,7 @@ export default function InvokeAccordionItem(props: InvokeAccordionItemProps) {
   return (
     <AccordionItem>
       <AccordionButton>
-        <Flex width="100%" gap={2} align="center">
+        <Flex width="100vw" gap={2} align="center">
           <Box flexGrow={1} textAlign="start">
             {header}
           </Box>

invokeai/frontend/web/src/features/parameters/components/PromptInput/PromptInput.tsx

@@ -15,6 +15,7 @@ import { activeTabNameSelector } from 'features/ui/store/uiSelectors';
 import { isEqual } from 'lodash';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
+import { isMobile } from 'theme/util/isMobile';
 
 const promptInputSelector = createSelector(
   [(state: RootState) => state.generation, activeTabNameSelector],
@@ -76,7 +77,7 @@ const PromptInput = () => {
           onKeyDown={handleKeyDown}
           resize="vertical"
           ref={promptRef}
-          minH={40}
+          minH={isMobile ? 20 : 40}
         />
       </FormControl>
     </Box>