Spaces:
Paused
Paused
Update app.py
Browse files
app.py
CHANGED
@@ -88,57 +88,6 @@ def convert_mp3_to_wav(mp3_filepath):
|
|
88 |
|
89 |
return wave_file
|
90 |
|
91 |
-
css = """
|
92 |
-
#col-container {max-width: 580px; margin-left: auto; margin-right: auto;}
|
93 |
-
a {text-decoration-line: underline; font-weight: 600;}
|
94 |
-
.footer {
|
95 |
-
margin-bottom: 45px;
|
96 |
-
margin-top: 10px;
|
97 |
-
text-align: center;
|
98 |
-
border-bottom: 1px solid #e5e5e5;
|
99 |
-
}
|
100 |
-
.footer>p {
|
101 |
-
font-size: .8rem;
|
102 |
-
display: inline-block;
|
103 |
-
padding: 0 10px;
|
104 |
-
transform: translateY(10px);
|
105 |
-
background: white;
|
106 |
-
}
|
107 |
-
.dark .footer {
|
108 |
-
border-color: #303030;
|
109 |
-
}
|
110 |
-
.dark .footer>p {
|
111 |
-
background: #0b0f19;
|
112 |
-
}
|
113 |
-
.animate-spin {
|
114 |
-
animation: spin 1s linear infinite;
|
115 |
-
}
|
116 |
-
@keyframes spin {
|
117 |
-
from {
|
118 |
-
transform: rotate(0deg);
|
119 |
-
}
|
120 |
-
to {
|
121 |
-
transform: rotate(360deg);
|
122 |
-
}
|
123 |
-
}
|
124 |
-
#share-btn-container {
|
125 |
-
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;
|
126 |
-
}
|
127 |
-
#share-btn {
|
128 |
-
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;
|
129 |
-
}
|
130 |
-
#share-btn * {
|
131 |
-
all: unset;
|
132 |
-
}
|
133 |
-
#share-btn-container div:nth-child(-n+2){
|
134 |
-
width: auto !important;
|
135 |
-
min-height: 0px !important;
|
136 |
-
}
|
137 |
-
#share-btn-container .wrap {
|
138 |
-
display: none !important;
|
139 |
-
}
|
140 |
-
"""
|
141 |
-
|
142 |
article = """
|
143 |
|
144 |
<div class="footer">
|
@@ -174,7 +123,7 @@ with gr.Blocks(css="style.css") as demo:
|
|
174 |
|
175 |
|
176 |
input_img = gr.Image(type="filepath", elem_id="input-img")
|
177 |
-
music_output = gr.Audio(label="Result", type="filepath", elem_id="music-output")
|
178 |
|
179 |
with gr.Group(elem_id="share-btn-container"):
|
180 |
community_icon = gr.HTML(community_icon_html, visible=False)
|
|
|
88 |
|
89 |
return wave_file
|
90 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
91 |
article = """
|
92 |
|
93 |
<div class="footer">
|
|
|
123 |
|
124 |
|
125 |
input_img = gr.Image(type="filepath", elem_id="input-img")
|
126 |
+
music_output = gr.Audio(label="Result", type="filepath", elem_id="music-output").style(height="5rem")
|
127 |
|
128 |
with gr.Group(elem_id="share-btn-container"):
|
129 |
community_icon = gr.HTML(community_icon_html, visible=False)
|