Spaces:
Running
Running
Prometech Computer Sciences Corp
commited on
Update app.py
Browse files
app.py
CHANGED
|
@@ -535,10 +535,10 @@ textarea, input, .gr-textbox, .gr-textbox * {
|
|
| 535 |
.pb-music-wrap{
|
| 536 |
margin-top: 12px;
|
| 537 |
background: rgba(0,0,0,0.80);
|
| 538 |
-
border:
|
| 539 |
-
border-radius: 14px;
|
| 540 |
padding: 10px 12px;
|
| 541 |
-
|
|
|
|
| 542 |
overflow: hidden !important; /* dış scroll yok */
|
| 543 |
}
|
| 544 |
|
|
@@ -556,11 +556,12 @@ textarea, input, .gr-textbox, .gr-textbox * {
|
|
| 556 |
|
| 557 |
/* waveform alanı */
|
| 558 |
.pb-audio .waveform-container{
|
| 559 |
-
border-radius:
|
| 560 |
border: 1px solid rgba(0,255,65,0.35);
|
| 561 |
background: rgba(0,0,0,0.55);
|
| 562 |
overflow: hidden !important;
|
| 563 |
-
|
|
|
|
| 564 |
}
|
| 565 |
|
| 566 |
/* #waveform canvas/div */
|
|
@@ -583,22 +584,24 @@ textarea, input, .gr-textbox, .gr-textbox * {
|
|
| 583 |
.pb-audio .controls{
|
| 584 |
margin-top: 8px;
|
| 585 |
padding: 8px 10px;
|
| 586 |
-
border-radius:
|
| 587 |
-
border: 1px solid
|
|
|
|
| 588 |
background: rgba(0,0,0,0.60);
|
| 589 |
overflow: hidden !important;
|
| 590 |
}
|
| 591 |
|
| 592 |
/* Buttons (neon terminal) */
|
| 593 |
.pb-audio button{
|
| 594 |
-
border-radius:
|
| 595 |
-
border: 1px solid
|
|
|
|
| 596 |
background: rgba(0,0,0,0.65) !important;
|
| 597 |
color: var(--terminal-fg) !important;
|
| 598 |
-
box-shadow: 0 0 10px rgba(0,255,65,0.18);
|
| 599 |
}
|
| 600 |
.pb-audio button:hover{
|
| 601 |
-
|
|
|
|
| 602 |
}
|
| 603 |
.pb-audio button:active{
|
| 604 |
transform: translateY(1px);
|
|
@@ -606,8 +609,8 @@ textarea, input, .gr-textbox, .gr-textbox * {
|
|
| 606 |
|
| 607 |
/* Play/Pause’u öne çıkar */
|
| 608 |
.pb-audio .play-pause-button{
|
| 609 |
-
border: 1px solid
|
| 610 |
-
box-shadow: 0 0
|
| 611 |
}
|
| 612 |
|
| 613 |
/* Speed button (1x) */
|
|
@@ -627,6 +630,7 @@ textarea, input, .gr-textbox, .gr-textbox * {
|
|
| 627 |
.pb-audio .waveform-container::-webkit-scrollbar{
|
| 628 |
width: 0 !important;
|
| 629 |
height: 0 !important;
|
|
|
|
| 630 |
}
|
| 631 |
</style>
|
| 632 |
"""
|
|
|
|
| 535 |
.pb-music-wrap{
|
| 536 |
margin-top: 12px;
|
| 537 |
background: rgba(0,0,0,0.80);
|
| 538 |
+
border-radius: 4px;
|
|
|
|
| 539 |
padding: 10px 12px;
|
| 540 |
+
border: 1px solid var(--terminal-glow);
|
| 541 |
+
box-shadow: 0 0 10px var(--terminal-glow);
|
| 542 |
overflow: hidden !important; /* dış scroll yok */
|
| 543 |
}
|
| 544 |
|
|
|
|
| 556 |
|
| 557 |
/* waveform alanı */
|
| 558 |
.pb-audio .waveform-container{
|
| 559 |
+
border-radius: 4px;
|
| 560 |
border: 1px solid rgba(0,255,65,0.35);
|
| 561 |
background: rgba(0,0,0,0.55);
|
| 562 |
overflow: hidden !important;
|
| 563 |
+
border: 1px solid var(--terminal-glow);
|
| 564 |
+
box-shadow: 0 0 10px var(--terminal-glow);
|
| 565 |
}
|
| 566 |
|
| 567 |
/* #waveform canvas/div */
|
|
|
|
| 584 |
.pb-audio .controls{
|
| 585 |
margin-top: 8px;
|
| 586 |
padding: 8px 10px;
|
| 587 |
+
border-radius: 4px;
|
| 588 |
+
border: 1px solid var(--terminal-glow);
|
| 589 |
+
box-shadow: 0 0 10px var(--terminal-glow);
|
| 590 |
background: rgba(0,0,0,0.60);
|
| 591 |
overflow: hidden !important;
|
| 592 |
}
|
| 593 |
|
| 594 |
/* Buttons (neon terminal) */
|
| 595 |
.pb-audio button{
|
| 596 |
+
border-radius: 4px !important;
|
| 597 |
+
border: 1px solid var(--terminal-glow);
|
| 598 |
+
box-shadow: 0 0 10px var(--terminal-glow);
|
| 599 |
background: rgba(0,0,0,0.65) !important;
|
| 600 |
color: var(--terminal-fg) !important;
|
|
|
|
| 601 |
}
|
| 602 |
.pb-audio button:hover{
|
| 603 |
+
border: 1px solid var(--terminal-glow);
|
| 604 |
+
box-shadow: 0 0 10px var(--terminal-glow);
|
| 605 |
}
|
| 606 |
.pb-audio button:active{
|
| 607 |
transform: translateY(1px);
|
|
|
|
| 609 |
|
| 610 |
/* Play/Pause’u öne çıkar */
|
| 611 |
.pb-audio .play-pause-button{
|
| 612 |
+
border: 1px solid var(--terminal-glow);
|
| 613 |
+
box-shadow: 0 0 10px var(--terminal-glow);
|
| 614 |
}
|
| 615 |
|
| 616 |
/* Speed button (1x) */
|
|
|
|
| 630 |
.pb-audio .waveform-container::-webkit-scrollbar{
|
| 631 |
width: 0 !important;
|
| 632 |
height: 0 !important;
|
| 633 |
+
display: none !important;
|
| 634 |
}
|
| 635 |
</style>
|
| 636 |
"""
|