georg-suno radames HF staff commited on
Commit
589dfd0
1 Parent(s): 9f59b48

fix-header-button (#11)

Browse files

- fix title style (e7be83c2581351fbe15beac927b81a9203082ccd)
- fix button styles (b64779225259df4b0b3a658180c7acf422b193d0)


Co-authored-by: Radamés Ajna <radames@users.noreply.huggingface.co>

Files changed (1) hide show
  1. app.py +20 -4
app.py CHANGED
@@ -21,7 +21,7 @@ PROMPT_LOOKUP["Announcer"] = "announcer"
21
 
22
  default_text = "Hello, my name is Suno. And, uh — and I like pizza. [laughs]\nBut I also have other interests such as playing tic tac toe."
23
 
24
- title = "<div style='text-align:left'>🐶 Bark</div>"
25
 
26
  description = """
27
  <div>
@@ -130,15 +130,31 @@ def gen_tts(text, history_prompt): # , temp_semantic, temp_waveform):
130
 
131
  css = """
132
  #share-btn-container {
133
- display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem;
 
 
 
 
 
 
 
134
  margin-top: 10px;
135
  margin-left: auto;
 
136
  }
137
  #share-btn {
138
- all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;right:0;
 
 
 
 
 
 
 
 
139
  }
140
  #share-btn * {
141
- all: unset;
142
  }
143
  #share-btn-container div:nth-child(-n+2){
144
  width: auto !important;
21
 
22
  default_text = "Hello, my name is Suno. And, uh — and I like pizza. [laughs]\nBut I also have other interests such as playing tic tac toe."
23
 
24
+ title = "# 🐶 Bark</div>"
25
 
26
  description = """
27
  <div>
130
 
131
  css = """
132
  #share-btn-container {
133
+ display: flex;
134
+ padding-left: 0.5rem !important;
135
+ padding-right: 0.5rem !important;
136
+ background-color: #000000;
137
+ justify-content: center;
138
+ align-items: center;
139
+ border-radius: 9999px !important;
140
+ width: 13rem;
141
  margin-top: 10px;
142
  margin-left: auto;
143
+ flex: unset !important;
144
  }
145
  #share-btn {
146
+ all: initial;
147
+ color: #ffffff;
148
+ font-weight: 600;
149
+ cursor: pointer;
150
+ font-family: 'IBM Plex Sans', sans-serif;
151
+ margin-left: 0.5rem !important;
152
+ padding-top: 0.25rem !important;
153
+ padding-bottom: 0.25rem !important;
154
+ right:0;
155
  }
156
  #share-btn * {
157
+ all: unset !important;
158
  }
159
  #share-btn-container div:nth-child(-n+2){
160
  width: auto !important;