israelweiss commited on
Commit
c0ddebd
1 Parent(s): 47009ed

button responsive fix2

Browse files
Files changed (1) hide show
  1. app.py +6 -3
app.py CHANGED
@@ -140,8 +140,10 @@ div#share-btn-container > div {flex-direction: row;background: black;align-items
140
  #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
141
  #run_button {
142
  width: 100%;
143
- height: auto;
144
- display: block;
 
 
145
  }
146
  #prompt-container{margin-top:-18px;}
147
  #prompt-container .form{border-top-left-radius: 0;border-top-right-radius: 0}
@@ -162,7 +164,8 @@ with image_blocks as demo:
162
  with gr.Column():
163
  image = gr.ImageEditor(sources=["upload"], layers=False, transforms=[], brush=gr.Brush(colors=["#000000"], color_mode="fixed"))
164
  with gr.Row(elem_id="prompt-container", equal_height=True):
165
- btn = gr.Button("Inpaint!", elem_id="run_button")
 
166
 
167
  with gr.Column():
168
  image_out = gr.Image(label="Output", elem_id="output-img", height=400)
 
140
  #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
141
  #run_button {
142
  width: 100%;
143
+ height: 50px; /* Set a fixed height for the button */
144
+ display: flex;
145
+ align-items: center;
146
+ justify-content: center;
147
  }
148
  #prompt-container{margin-top:-18px;}
149
  #prompt-container .form{border-top-left-radius: 0;border-top-right-radius: 0}
 
164
  with gr.Column():
165
  image = gr.ImageEditor(sources=["upload"], layers=False, transforms=[], brush=gr.Brush(colors=["#000000"], color_mode="fixed"))
166
  with gr.Row(elem_id="prompt-container", equal_height=True):
167
+ with gr.Column(): # Wrap the button inside a Column
168
+ btn = gr.Button("Inpaint!", elem_id="run_button")
169
 
170
  with gr.Column():
171
  image_out = gr.Image(label="Output", elem_id="output-img", height=400)