Test-Huging-face

Running

lixiang46 commited on Aug 16

Commit

070a1ae

•

1 Parent(s): 13ac53c

change font

Files changed (1) hide show

app.py CHANGED Viewed

@@ -177,7 +177,7 @@ with gr.Blocks(css=css) as Tryon:
     with gr.Row():
         with gr.Column(elem_id = "col-left"):
             gr.HTML("""
-            <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 24px;">
                 <div>
                 Step 1.  Upload a person image ⬇️
                 </div>
@@ -185,7 +185,7 @@ with gr.Blocks(css=css) as Tryon:
             """)
         with gr.Column(elem_id = "col-mid"):
             gr.HTML("""
-            <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
                 <div>
                 Step 2. Upload a garment image ⬇️
                 </div>
@@ -193,7 +193,7 @@ with gr.Blocks(css=css) as Tryon:
             """)
         with gr.Column(elem_id = "col-right"):
             gr.HTML("""
-            <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
                 <div>
                 Step 3. Press “Run” to get try-on results
                 </div>
@@ -238,9 +238,9 @@ with gr.Blocks(css=css) as Tryon:
     with gr.Column(elem_id = "col-showcase"):
         gr.HTML("""
-        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
             <div>
-        <h3>Virtual try-on examples in pairs of person and garment images.</h2>
             </div>
         </div>
         """)

     with gr.Row():
         with gr.Column(elem_id = "col-left"):
             gr.HTML("""
+            <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px;">
                 <div>
                 Step 1.  Upload a person image ⬇️
                 </div>
             """)
         with gr.Column(elem_id = "col-mid"):
             gr.HTML("""
+            <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px;">
                 <div>
                 Step 2. Upload a garment image ⬇️
                 </div>
             """)
         with gr.Column(elem_id = "col-right"):
             gr.HTML("""
+            <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px;">
                 <div>
                 Step 3. Press “Run” to get try-on results
                 </div>
     with gr.Column(elem_id = "col-showcase"):
         gr.HTML("""
+        <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px;">
             <div>
+            Virtual try-on examples in pairs of person and garment images
             </div>
         </div>
         """)