Update app.py
Browse files
app.py
CHANGED
|
@@ -360,10 +360,11 @@ with gr.Blocks(
|
|
| 360 |
text-align: center;
|
| 361 |
margin-bottom: 2rem;
|
| 362 |
padding: 2rem;
|
| 363 |
-
background: linear-gradient(135deg, #
|
| 364 |
border-radius: 15px;
|
| 365 |
color: white;
|
| 366 |
margin-bottom: 30px;
|
|
|
|
| 367 |
}
|
| 368 |
.tab-nav {
|
| 369 |
margin-bottom: 20px;
|
|
@@ -373,10 +374,10 @@ with gr.Blocks(
|
|
| 373 |
|
| 374 |
gr.HTML("""
|
| 375 |
<div class="main-header">
|
| 376 |
-
<h1 style="font-size: 2.5rem; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.
|
| 377 |
🏢 SAP Account Receivable ML Prediction Demo
|
| 378 |
</h1>
|
| 379 |
-
<p style="font-size: 1.2rem;
|
| 380 |
Machine Learning-powered invoice payment prediction system using TensorFlow
|
| 381 |
</p>
|
| 382 |
</div>
|
|
@@ -433,17 +434,16 @@ with gr.Blocks(
|
|
| 433 |
|
| 434 |
prediction_status = gr.HTML()
|
| 435 |
|
| 436 |
-
|
| 437 |
-
|
| 438 |
-
|
| 439 |
-
|
| 440 |
-
|
| 441 |
-
|
| 442 |
-
|
| 443 |
-
|
| 444 |
|
| 445 |
-
|
| 446 |
-
probability_plot = gr.Plot(label="📊 Probability Distribution")
|
| 447 |
|
| 448 |
# Event handlers
|
| 449 |
train_btn.click(
|
|
|
|
| 360 |
text-align: center;
|
| 361 |
margin-bottom: 2rem;
|
| 362 |
padding: 2rem;
|
| 363 |
+
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
|
| 364 |
border-radius: 15px;
|
| 365 |
color: white;
|
| 366 |
margin-bottom: 30px;
|
| 367 |
+
box-shadow: 0 8px 32px rgba(0,0,0,0.2);
|
| 368 |
}
|
| 369 |
.tab-nav {
|
| 370 |
margin-bottom: 20px;
|
|
|
|
| 374 |
|
| 375 |
gr.HTML("""
|
| 376 |
<div class="main-header">
|
| 377 |
+
<h1 style="font-size: 2.5rem; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); color: white; font-weight: bold;">
|
| 378 |
🏢 SAP Account Receivable ML Prediction Demo
|
| 379 |
</h1>
|
| 380 |
+
<p style="font-size: 1.2rem; color: rgba(255,255,255,0.9); margin: 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
|
| 381 |
Machine Learning-powered invoice payment prediction system using TensorFlow
|
| 382 |
</p>
|
| 383 |
</div>
|
|
|
|
| 434 |
|
| 435 |
prediction_status = gr.HTML()
|
| 436 |
|
| 437 |
+
# Changed layout to stack vertically instead of side by side
|
| 438 |
+
with gr.Column():
|
| 439 |
+
predictions_df = gr.Dataframe(
|
| 440 |
+
label="📋 Invoice Predictions",
|
| 441 |
+
interactive=False,
|
| 442 |
+
wrap=True,
|
| 443 |
+
height=400
|
| 444 |
+
)
|
| 445 |
|
| 446 |
+
probability_plot = gr.Plot(label="📊 Probability Distribution")
|
|
|
|
| 447 |
|
| 448 |
# Event handlers
|
| 449 |
train_btn.click(
|