Spaces:
Running
Running
Update app.css
Browse files
app.css
CHANGED
@@ -1,4 +1,3 @@
|
|
1 |
-
/* Open GAMMA PPT Generator - UI Styles */
|
2 |
|
3 |
/* Full width UI */
|
4 |
.gradio-container {
|
@@ -189,78 +188,3 @@ input[type="checkbox"] {
|
|
189 |
font-size: 1em;
|
190 |
}
|
191 |
}
|
192 |
-
|
193 |
-
/* Additional animations and effects */
|
194 |
-
@keyframes fadeIn {
|
195 |
-
from {
|
196 |
-
opacity: 0;
|
197 |
-
transform: translateY(10px);
|
198 |
-
}
|
199 |
-
to {
|
200 |
-
opacity: 1;
|
201 |
-
transform: translateY(0);
|
202 |
-
}
|
203 |
-
}
|
204 |
-
|
205 |
-
.gradio-container > * {
|
206 |
-
animation: fadeIn 0.5s ease-out;
|
207 |
-
}
|
208 |
-
|
209 |
-
/* Loading spinner improvement */
|
210 |
-
.wrap.svelte-1sk0pyu {
|
211 |
-
background: rgba(255, 255, 255, 0.9) !important;
|
212 |
-
}
|
213 |
-
|
214 |
-
/* Tooltip styles */
|
215 |
-
.tooltip {
|
216 |
-
position: relative;
|
217 |
-
display: inline-block;
|
218 |
-
}
|
219 |
-
|
220 |
-
.tooltip .tooltiptext {
|
221 |
-
visibility: hidden;
|
222 |
-
width: 200px;
|
223 |
-
background-color: #555;
|
224 |
-
color: #fff;
|
225 |
-
text-align: center;
|
226 |
-
border-radius: 6px;
|
227 |
-
padding: 5px;
|
228 |
-
position: absolute;
|
229 |
-
z-index: 1;
|
230 |
-
bottom: 125%;
|
231 |
-
left: 50%;
|
232 |
-
margin-left: -100px;
|
233 |
-
opacity: 0;
|
234 |
-
transition: opacity 0.3s;
|
235 |
-
}
|
236 |
-
|
237 |
-
.tooltip:hover .tooltiptext {
|
238 |
-
visibility: visible;
|
239 |
-
opacity: 1;
|
240 |
-
}
|
241 |
-
|
242 |
-
/* Progress bar styling */
|
243 |
-
.progress {
|
244 |
-
background: linear-gradient(to right, #667eea 0%, #764ba2 100%);
|
245 |
-
height: 4px;
|
246 |
-
border-radius: 2px;
|
247 |
-
}
|
248 |
-
|
249 |
-
/* Custom scrollbar */
|
250 |
-
::-webkit-scrollbar {
|
251 |
-
width: 10px;
|
252 |
-
}
|
253 |
-
|
254 |
-
::-webkit-scrollbar-track {
|
255 |
-
background: #f1f1f1;
|
256 |
-
border-radius: 5px;
|
257 |
-
}
|
258 |
-
|
259 |
-
::-webkit-scrollbar-thumb {
|
260 |
-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
261 |
-
border-radius: 5px;
|
262 |
-
}
|
263 |
-
|
264 |
-
::-webkit-scrollbar-thumb:hover {
|
265 |
-
background: #667eea;
|
266 |
-
}
|
|
|
|
|
1 |
|
2 |
/* Full width UI */
|
3 |
.gradio-container {
|
|
|
188 |
font-size: 1em;
|
189 |
}
|
190 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|