QOL improvements

#3
by multimodalart HF staff - opened
Files changed (1) hide show
  1. app.py +5 -5
app.py CHANGED
@@ -52,6 +52,7 @@ css = """
52
  }
53
  .gradio-container {
54
  font-family: 'IBM Plex Sans', sans-serif;
 
55
  }
56
  .gr-button {
57
  color: white;
@@ -65,7 +66,6 @@ css = """
65
  accent-color: #dfdfdf;
66
  }
67
  .container {
68
- max-width: 730px;
69
  margin: auto;
70
  padding-top: 1.5rem;
71
  }
@@ -207,9 +207,8 @@ with iface:
207
  )
208
  gr.HTML(
209
  """
210
- <p>For faster inference without waiting in queue, you may duplicate the space and upgrade to GPU in settings.
211
- <br/>
212
- <a href="https://huggingface.co/spaces/haoheliu/audioldm2-text2audio-text2music?duplicate=true">
213
  <img style="margin-top: 0em; margin-bottom: 0em" src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>
214
  <p/>
215
  """
@@ -220,7 +219,8 @@ with iface:
220
  textbox = gr.Textbox(
221
  value="A forest of wind chimes singing a soothing melody in the breeze.",
222
  max_lines=1,
223
- label="Input your text here. Your text is important for the audio quality. Please ensure it is descriptive by using more adjectives.",
 
224
  elem_id="prompt-in",
225
  )
226
 
 
52
  }
53
  .gradio-container {
54
  font-family: 'IBM Plex Sans', sans-serif;
55
+ max-width: 730px !important;
56
  }
57
  .gr-button {
58
  color: white;
 
66
  accent-color: #dfdfdf;
67
  }
68
  .container {
 
69
  margin: auto;
70
  padding-top: 1.5rem;
71
  }
 
207
  )
208
  gr.HTML(
209
  """
210
+ <p style="display:flex">For faster inference without a queue
211
+ <a style="margin-left: .5em" href="https://huggingface.co/spaces/haoheliu/audioldm2-text2audio-text2music?duplicate=true">
 
212
  <img style="margin-top: 0em; margin-bottom: 0em" src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>
213
  <p/>
214
  """
 
219
  textbox = gr.Textbox(
220
  value="A forest of wind chimes singing a soothing melody in the breeze.",
221
  max_lines=1,
222
+ label="Input your prompt here",
223
+ info="Your text is important for the audio quality. Please ensure it is descriptive by using more adjectives.",
224
  elem_id="prompt-in",
225
  )
226