aidn commited on
Commit
76a5057
·
verified ·
1 Parent(s): b381363

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +17 -20
app.py CHANGED
@@ -566,28 +566,25 @@ body, .gradio-container {
566
  }
567
  .li-header h1 { margin:0 !important; font-size:1.65rem !important; font-weight:700 !important; color:#fff !important; }
568
  .li-header p { margin:4px 0 0 !important; font-size:.86rem !important; color:rgba(255,255,255,.88) !important; }
569
- .li-header button.badge {
570
- margin-left: auto !important;
571
- background: rgba(255,255,255,0.15) !important;
572
- border-radius: 99px !important;
573
- padding: 6px 16px !important;
574
- font-size: 0.8rem !important;
575
- font-weight: 700 !important;
576
- color: #ffffff !important;
577
  white-space: nowrap !important;
578
- cursor: pointer !important;
579
- transition: all 0.2s ease !important;
580
- border: 1px solid rgba(255,255,255,0.3) !important;
581
- outline: none !important;
582
- box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
583
- font-family: inherit !important;
584
- letter-spacing: 0.3px !important;
585
  }
586
- .li-header button.badge:hover {
587
- background: rgba(255,255,255,0.3) !important;
588
  transform: translateY(-1px) !important;
589
- box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
590
- border-color: rgba(255,255,255,0.6) !important;
591
  }
592
  .direction-banner {
593
  text-align:center; font-size:.8rem; font-weight:700; letter-spacing:.6px;
@@ -670,7 +667,7 @@ with gr.Blocks(title="LinkedIn Translator") as demo:
670
  <h1>LinkedIn Translator</h1>
671
  <p>Banale Wahrheit &harr; Epische LinkedIn-Prosa &nbsp;&middot;&nbsp; powered by Llama</p>
672
  </div>
673
- <button class="badge" onclick="document.getElementById('tuning_toggle_btn').click()">✨ AI Post Tuning</button>
674
  </div>
675
  """)
676
 
 
566
  }
567
  .li-header h1 { margin:0 !important; font-size:1.65rem !important; font-weight:700 !important; color:#fff !important; }
568
  .li-header p { margin:4px 0 0 !important; font-size:.86rem !important; color:rgba(255,255,255,.88) !important; }
569
+ .li-header .badge {
570
+ margin-left: auto !important;
571
+ background: #004182 !important; /* Dunkles LinkedIn-Blau */
572
+ border-radius: 20px !important;
573
+ padding: 6px 14px !important;
574
+ font-size: 0.74rem !important;
575
+ font-weight: 700 !important;
576
+ color: #ffffff !important;
577
  white-space: nowrap !important;
578
+ cursor: pointer !important;
579
+ box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
580
+ border: 1px solid rgba(255,255,255,0.1) !important;
581
+ transition: all 0.2s ease !important;
582
+ display: inline-block !important; /* Wichtig für span */
 
 
583
  }
584
+ .li-header .badge:hover {
585
+ background: #0A66C2 !important; /* Helles LinkedIn-Blau bei Hover */
586
  transform: translateY(-1px) !important;
587
+ box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
 
588
  }
589
  .direction-banner {
590
  text-align:center; font-size:.8rem; font-weight:700; letter-spacing:.6px;
 
667
  <h1>LinkedIn Translator</h1>
668
  <p>Banale Wahrheit &harr; Epische LinkedIn-Prosa &nbsp;&middot;&nbsp; powered by Llama</p>
669
  </div>
670
+ <span class="badge" onclick="document.getElementById('tuning_toggle_btn').click()">✨ AI Post Tuning</span>
671
  </div>
672
  """)
673