PD03 commited on
Commit
fdd2b68
·
verified ·
1 Parent(s): f196225

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +13 -13
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, #667eea 0%, #764ba2 100%);
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.3);">
377
  🏢 SAP Account Receivable ML Prediction Demo
378
  </h1>
379
- <p style="font-size: 1.2rem; opacity: 0.95; margin: 0;">
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
- with gr.Row():
437
- with gr.Column(scale=2):
438
- predictions_df = gr.Dataframe(
439
- label="📋 Invoice Predictions",
440
- interactive=False,
441
- wrap=True,
442
- # height=400
443
- )
444
 
445
- with gr.Column(scale=1):
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(