Spaces:

Trudy
/

gemini-image-to-code

Running

Trudy commited on 11 days ago

Commit

341c7b8

1 Parent(s): a5fe725

Trying to fix weird mobile scrolling behavior

Files changed (1) hide show

pages/index.js CHANGED Viewed

@@ -291,15 +291,15 @@ export default function Home() {
       <Head>
         <title>Image to Code</title>
       </Head>
-      <div className="min-h-screen bg-white tracking-[-0.005em]">
         <Header />
         <ErrorModal
           isOpen={showErrorModal}
           onClose={() => setShowErrorModal(false)}
         />
-        <div className="w-full pt-24 sm:pt-16">
-          <div className={`flex flex-col md:flex-row gap-4 max-w-6xl mx-auto transition-all duration-500 ${!hasStartedGenerating ? 'justify-center' : ''}`}>
             <div className={`w-full md:flex-1 py-4 md:py-20 px-3 transition-all duration-500 ${!hasStartedGenerating ? 'md:max-w-2xl mx-auto' : ''}`}>
               <section className="flex flex-col bg-gray-100 rounded-2xl p-4">
                 <div

       <Head>
         <title>Image to Code</title>
       </Head>
+      <div className="min-h-screen bg-white tracking-[-0.005em] overflow-x-hidden">
         <Header />
         <ErrorModal
           isOpen={showErrorModal}
           onClose={() => setShowErrorModal(false)}
         />
+        <div className="w-full pt-24 sm:pt-16 overflow-y-auto">
+          <div className={`flex flex-col md:flex-row gap-4 max-w-6xl mx-auto pb-8 transition-all duration-500 ${!hasStartedGenerating ? 'justify-center' : ''}`}>
             <div className={`w-full md:flex-1 py-4 md:py-20 px-3 transition-all duration-500 ${!hasStartedGenerating ? 'md:max-w-2xl mx-auto' : ''}`}>
               <section className="flex flex-col bg-gray-100 rounded-2xl p-4">
                 <div