update input titles in qr code recipe

GooeyAI · Dec 31, 2023 · f568eed · f568eed
1 parent f1f4b2c
commit f568eed
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/recipes/QRCodeGenerator.py b/recipes/QRCodeGenerator.py
@@ -143,21 +143,13 @@ def related_workflows(self) -> list:
     def render_form_v2(self):
         st.text_area(
             """
-            ### 👩‍💻 Prompt
+            ##### 👩‍💻 Prompt
             Describe the subject/scene of the QR Code.
             Choose clear prompts and distinguishable visuals to ensure optimal readability.
             """,
             key="text_prompt",
             placeholder="Bright sunshine coming through the cracks of a wet, cave wall of big rocks",
         )
-        st.file_uploader(
-            """
-            ### 🏞️ Reference Image [optional]
-            This image will be used as inspiration to blend with the QR Code.
-            """,
-            key="image_prompt",
-            accept=["image/*"],
-        )
 
         qr_code_source_key = "__qr_code_source"
         if qr_code_source_key not in st.session_state:
@@ -213,6 +205,15 @@ def render_form_v2(self):
                 'A shortened URL enables the QR code to be more beautiful and less "QR-codey" with fewer blocky pixels.'
             )
 
+        st.file_uploader(
+            """
+            ##### 🏞️ Reference Image *[optional]*
+            This image will be used as inspiration to blend with the QR Code.
+            """,
+            key="image_prompt",
+            accept=["image/*"],
+        )
+
     def validate_form_v2(self):
         assert st.session_state.get("text_prompt"), "Please provide a prompt"
         assert any(
@@ -301,7 +302,7 @@ def render_settings(self):
 
         st.write(
             """
-            ##### ⌖ Positioning
+            ##### ⌖ QR Positioning
             Use this to control where the QR code is placed in the image, and how big it should be.
             """,
             className="gui-input",
@@ -374,7 +375,7 @@ def render_settings(self):
             )
             st.write(
                 """
-                ##### ⌖ Positioning
+                ##### ⌖ Reference Image Positioning
                 Use this to control where the reference image is placed, and how big it should be.
                 """,
                 className="gui-input",