Spaces:
Runtime error
Runtime error
Update app.py
Browse files
app.py
CHANGED
|
@@ -297,55 +297,15 @@ video_examples = [
|
|
| 297 |
["Explain the video in detail.", "videos/2.mp4"]
|
| 298 |
]
|
| 299 |
|
| 300 |
-
#
|
| 301 |
css = """
|
| 302 |
.submit-btn {
|
| 303 |
-
|
| 304 |
-
|
| 305 |
-
--btn-bg-2: hsla(217 100% 56% / 1);
|
| 306 |
-
--btn-bg-color: hsla(360 100% 100% / 1);
|
| 307 |
-
--radii: 0.5em;
|
| 308 |
-
cursor: pointer;
|
| 309 |
-
padding: 0.9em 1.4em;
|
| 310 |
-
min-width: 120px;
|
| 311 |
-
min-height: 44px;
|
| 312 |
-
font-size: var(--size, 1rem);
|
| 313 |
-
font-weight: 500;
|
| 314 |
-
transition: 0.8s;
|
| 315 |
-
background-size: 280% auto;
|
| 316 |
-
background-image: linear-gradient(
|
| 317 |
-
325deg,
|
| 318 |
-
var(--btn-bg-2) 0%,
|
| 319 |
-
var(--btn-bg-1) 55%,
|
| 320 |
-
var(--btn-bg-2) 90%
|
| 321 |
-
);
|
| 322 |
-
border: none;
|
| 323 |
-
border-radius: var(--radii);
|
| 324 |
-
color: var(--btn-bg-color);
|
| 325 |
-
box-shadow:
|
| 326 |
-
0px 0px 20px rgba(71, 184, 255, 0.5),
|
| 327 |
-
0px 5px 5px -1px rgba(58, 125, 233, 0.25),
|
| 328 |
-
inset 4px 4px 8px rgba(175, 230, 255, 0.5),
|
| 329 |
-
inset -4px -4px 8px rgba(19, 95, 216, 0.35);
|
| 330 |
}
|
| 331 |
-
|
| 332 |
.submit-btn:hover {
|
| 333 |
-
|
| 334 |
-
}
|
| 335 |
-
|
| 336 |
-
.submit-btn:is(:focus, :focus-visible, :active) {
|
| 337 |
-
outline: none;
|
| 338 |
-
box-shadow:
|
| 339 |
-
0 0 0 3px var(--btn-bg-color),
|
| 340 |
-
0 0 0 6px var(--btn-bg-2);
|
| 341 |
}
|
| 342 |
-
|
| 343 |
-
@media (prefers-reduced-motion: reduce) {
|
| 344 |
-
.submit-btn {
|
| 345 |
-
transition: linear;
|
| 346 |
-
}
|
| 347 |
-
}
|
| 348 |
-
|
| 349 |
.canvas-output {
|
| 350 |
border: 2px solid #4682B4;
|
| 351 |
border-radius: 10px;
|
|
|
|
| 297 |
["Explain the video in detail.", "videos/2.mp4"]
|
| 298 |
]
|
| 299 |
|
| 300 |
+
#css
|
| 301 |
css = """
|
| 302 |
.submit-btn {
|
| 303 |
+
background-color: #2980b9 !important;
|
| 304 |
+
color: white !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 305 |
}
|
|
|
|
| 306 |
.submit-btn:hover {
|
| 307 |
+
background-color: #3498db !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 308 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 309 |
.canvas-output {
|
| 310 |
border: 2px solid #4682B4;
|
| 311 |
border-radius: 10px;
|