Update app.py
Browse files
app.py
CHANGED
@@ -163,6 +163,9 @@ css = """
|
|
163 |
padding: 20px;
|
164 |
height: 160px;
|
165 |
}
|
|
|
|
|
|
|
166 |
div#upload_area {
|
167 |
height: 11.1rem;
|
168 |
}
|
@@ -173,11 +176,37 @@ css = """
|
|
173 |
--tw-gradient-from: #4caf50;
|
174 |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
175 |
--tw-gradient-to: #4caf50;
|
|
|
176 |
}
|
177 |
#magic_btn_1, #magic_btn_2{
|
178 |
--tw-gradient-from: #f44336;
|
179 |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
180 |
--tw-gradient-to: #ff9800;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
181 |
}
|
182 |
div#spoken_lang textarea {
|
183 |
font-size: 4em;
|
@@ -200,6 +229,7 @@ css = """
|
|
200 |
--tw-gradient-from: #4caf50;
|
201 |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
202 |
--tw-gradient-to: #4caf50;
|
|
|
203 |
}
|
204 |
#notice {
|
205 |
padding: 20px 14px 10px;
|
@@ -269,7 +299,7 @@ with gr.Blocks(css=css) as demo:
|
|
269 |
)
|
270 |
with gr.Row():
|
271 |
audio_u_translate = gr.Button("Check Whisper first ? ๐", elem_id="check_btn_2")
|
272 |
-
audio_u_direct_sd = gr.Button("Magic Whisper โบ SD right now!
|
273 |
|
274 |
with gr.Accordion(label="Stable Diffusion Settings", elem_id="sd_settings"):
|
275 |
with gr.Row():
|
|
|
163 |
padding: 20px;
|
164 |
height: 160px;
|
165 |
}
|
166 |
+
div#record_btn > .mt-6 button:hover {
|
167 |
+
background-color: #525e70;
|
168 |
+
}
|
169 |
div#upload_area {
|
170 |
height: 11.1rem;
|
171 |
}
|
|
|
176 |
--tw-gradient-from: #4caf50;
|
177 |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
178 |
--tw-gradient-to: #4caf50;
|
179 |
+
border-color: #8bc34a;
|
180 |
}
|
181 |
#magic_btn_1, #magic_btn_2{
|
182 |
--tw-gradient-from: #f44336;
|
183 |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
184 |
--tw-gradient-to: #ff9800;
|
185 |
+
border-color: #ff9800;
|
186 |
+
}
|
187 |
+
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
|
188 |
+
-webkit-appearance: none;
|
189 |
+
}
|
190 |
+
input[type=number] {
|
191 |
+
-moz-appearance: textfield;
|
192 |
+
}
|
193 |
+
input[type=range] {
|
194 |
+
-webkit-appearance: none;
|
195 |
+
cursor: pointer;
|
196 |
+
height: 1px;
|
197 |
+
}
|
198 |
+
input[type=range]::-webkit-slider-thumb {
|
199 |
+
-webkit-appearance: none;
|
200 |
+
width: 0.5em;
|
201 |
+
height: 1.2em;
|
202 |
+
border-radius: 10px;
|
203 |
+
background: currentColor;
|
204 |
+
}
|
205 |
+
input[type=range]::-moz-range-thumb{
|
206 |
+
width: 0.5em;
|
207 |
+
height: 1.2em;
|
208 |
+
border-radius: 10px;
|
209 |
+
background: currentColor;
|
210 |
}
|
211 |
div#spoken_lang textarea {
|
212 |
font-size: 4em;
|
|
|
229 |
--tw-gradient-from: #4caf50;
|
230 |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
231 |
--tw-gradient-to: #4caf50;
|
232 |
+
border-color: #8bc34a;
|
233 |
}
|
234 |
#notice {
|
235 |
padding: 20px 14px 10px;
|
|
|
299 |
)
|
300 |
with gr.Row():
|
301 |
audio_u_translate = gr.Button("Check Whisper first ? ๐", elem_id="check_btn_2")
|
302 |
+
audio_u_direct_sd = gr.Button("Magic Whisper โบ SD right now!", elem_id="magic_btn_2")
|
303 |
|
304 |
with gr.Accordion(label="Stable Diffusion Settings", elem_id="sd_settings"):
|
305 |
with gr.Row():
|