multimodalart HF staff commited on
Commit
b48fe41
1 Parent(s): b2178cd

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +5 -5
app.py CHANGED
@@ -50,13 +50,13 @@ css = '''
50
  .plus_column{align-self: center}
51
  .plus_button{font-size: 235% !important; text-align: center;margin-bottom: 19px}
52
  #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
53
- #run_button{position:absolute;margin-top: 12px;right: 0;margin-right: 1.5em;border-bottom-left-radius: 0px;
54
  border-top-left-radius: 0px;}
55
  .random_column{align-self: center; align-items: center}
56
  @media (max-width: 1024px) {
57
  .roulette_group{flex-direction: column}
58
 
59
- #share-btn-container {padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;}
60
  div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
61
  #share-btn-container:hover {background-color: #060606}
62
  #share-btn {all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;right:0;}
@@ -138,11 +138,11 @@ with gr.Blocks(css=css) as demo:
138
  run_btn = gr.Button("Run", elem_id="run_button")
139
  output_image = gr.Image(label="Output", height=355)
140
  with gr.Row():
141
- with gr.Column():
142
  gr.Button("👍")
143
- with gr.Column():
144
  gr.Button("👎")
145
- with gr.Column():
146
  with gr.Group(elem_id="share-btn-container") as share_group:
147
  community_icon = gr.HTML(community_icon_html)
148
  loading_icon = gr.HTML(loading_icon_html)
 
50
  .plus_column{align-self: center}
51
  .plus_button{font-size: 235% !important; text-align: center;margin-bottom: 19px}
52
  #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
53
+ #run_button{position:absolute;margin-top: 36px;right: 0;margin-right: 1.5em;border-bottom-left-radius: 0px;
54
  border-top-left-radius: 0px;}
55
  .random_column{align-self: center; align-items: center}
56
  @media (max-width: 1024px) {
57
  .roulette_group{flex-direction: column}
58
 
59
+ #share-btn-container{padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;}
60
  div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
61
  #share-btn-container:hover {background-color: #060606}
62
  #share-btn {all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;right:0;}
 
138
  run_btn = gr.Button("Run", elem_id="run_button")
139
  output_image = gr.Image(label="Output", height=355)
140
  with gr.Row():
141
+ with gr.Column(min_width=10):
142
  gr.Button("👍")
143
+ with gr.Column(min_width=10):
144
  gr.Button("👎")
145
+ with gr.Column(min_width=10):
146
  with gr.Group(elem_id="share-btn-container") as share_group:
147
  community_icon = gr.HTML(community_icon_html)
148
  loading_icon = gr.HTML(loading_icon_html)