yrshi commited on
Commit
9fa6fa0
·
1 Parent(s): 031d775

changed Image layout

Browse files
Files changed (1) hide show
  1. app.py +14 -13
app.py CHANGED
@@ -282,19 +282,20 @@ def main(args):
282
  with gr.Blocks(css="""
283
  .center { display: flex; justify-content: center; }
284
  """) as demo:
285
- gr.HTML(
286
- """
287
- <center><h1><b>ReactXT</b></h1></center>
288
- <p style="font-size:20px; font-weight:bold;">This is the demo page of our ACL 2024 paper
289
- <i>ReactXT: Understanding Molecular “Reaction-ship” via Reaction-Contextualized Molecule-Text Pretraining.</i></p>
290
- """)
291
- with gr.Row(elem_classes="center"):
292
- gr.Image(value="./figures/frameworks.jpg", elem_classes="center", width=800, label="Framework of ReactXT")
293
- gr.HTML(
294
- """
295
- <p style="font-size:16px;"> Please input one chemical reaction below, and we will generate the predicted experimental procedure.</p>
296
- <p style="font-size:16px;"> The reaction should be in form of <b>Reactants>Reagents>Product</b>.</p>
297
- """)
 
298
 
299
  reaction_string = gr.Textbox(placeholder="Input one reaction", label='Input Reaction')
300
  gr.Examples(example_inputs, [reaction_string,], fn=online_chat, label='Example Reactions')
 
282
  with gr.Blocks(css="""
283
  .center { display: flex; justify-content: center; }
284
  """) as demo:
285
+ with gr.Column():
286
+ gr.HTML(
287
+ """
288
+ <center><h1><b>ReactXT</b></h1></center>
289
+ <p style="font-size:20px; font-weight:bold;">This is the demo page of our ACL 2024 paper
290
+ <i>ReactXT: Understanding Molecular “Reaction-ship” via Reaction-Contextualized Molecule-Text Pretraining.</i></p>
291
+ """)
292
+ with gr.Row(elem_classes="center"):
293
+ gr.Image(value="figures/frameworks.jpg", elem_classes="center", label="Framework of ReactXT", scale=0.8)
294
+ gr.HTML(
295
+ """
296
+ <p style="font-size:16px;"> Please input one chemical reaction below, and we will generate the predicted experimental procedure.</p>
297
+ <p style="font-size:16px;"> The reaction should be in form of <b>Reactants>Reagents>Product</b>.</p>
298
+ """)
299
 
300
  reaction_string = gr.Textbox(placeholder="Input one reaction", label='Input Reaction')
301
  gr.Examples(example_inputs, [reaction_string,], fn=online_chat, label='Example Reactions')