dgoot commited on
Commit
58c6bee
·
1 Parent(s): fa26e12

Improve rendering

Browse files
Files changed (1) hide show
  1. app.py +7 -6
app.py CHANGED
@@ -82,16 +82,17 @@ def infer(
82
 
83
 
84
  css = """
85
- #col-container {
86
- margin: 0 auto;
87
- max-width: 1280px;
 
88
  }
89
  """
90
 
91
  with gr.Blocks(css=css) as demo:
92
- with gr.Column(elem_id="col-container"):
93
  gr.Markdown("# Image-to-Image")
94
- gr.Markdown(f"## Model: {model}")
95
 
96
  with gr.Row():
97
  prompt = gr.Text(
@@ -104,7 +105,7 @@ with gr.Blocks(css=css) as demo:
104
 
105
  run_button = gr.Button("Run", scale=0, variant="primary")
106
 
107
- with gr.Row():
108
  init_image = gr.Image(label="Initial image", type="pil")
109
 
110
  result = gr.Image(label="Result")
 
82
 
83
 
84
  css = """
85
+ @media (max-width: 1280px) {
86
+ #images-container {
87
+ flex-direction: column;
88
+ }
89
  }
90
  """
91
 
92
  with gr.Blocks(css=css) as demo:
93
+ with gr.Column():
94
  gr.Markdown("# Image-to-Image")
95
+ gr.Markdown(f"## Model: `{model}`")
96
 
97
  with gr.Row():
98
  prompt = gr.Text(
 
105
 
106
  run_button = gr.Button("Run", scale=0, variant="primary")
107
 
108
+ with gr.Row(elem_id="images-container"):
109
  init_image = gr.Image(label="Initial image", type="pil")
110
 
111
  result = gr.Image(label="Result")