OpceanAI commited on
Commit
804a6b6
Β·
verified Β·
1 Parent(s): 8011d46

Upload app.py with huggingface_hub

Browse files
Files changed (1) hide show
  1. app.py +9 -52
app.py CHANGED
@@ -475,55 +475,15 @@ body::after {
475
  margin-left: auto;
476
  }
477
 
478
- /* ─── Auth Accordion ──────────────────────────────────────────────────────── */
479
- .auth-accordion {
 
480
  margin-bottom: 16px !important;
481
- }
482
-
483
- .auth-accordion .label-wrap {
484
  background: var(--bg-card) !important;
485
- border: 1px solid var(--border-primary) !important;
486
- border-radius: var(--radius-md) !important;
487
- padding: 12px 16px !important;
488
- cursor: pointer !important;
489
- transition: all var(--transition-fast) !important;
490
- }
491
-
492
- .auth-accordion .label-wrap:hover {
493
- border-color: var(--border-secondary) !important;
494
- background: var(--bg-card-hover) !important;
495
- }
496
-
497
- .auth-accordion .label-wrap span {
498
- font-family: var(--font-sans) !important;
499
- font-size: 13px !important;
500
- font-weight: 600 !important;
501
- letter-spacing: -0.01em !important;
502
  color: var(--text-primary) !important;
503
- text-transform: none !important;
504
- }
505
-
506
- .auth-accordion .wrap {
507
- background: var(--bg-glass) !important;
508
  border: 1px solid var(--border-primary) !important;
509
- border-top: none !important;
510
- border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
511
- padding: 16px !important;
512
- }
513
-
514
- .auth-accordion .wrap p {
515
- font-size: 12px !important;
516
- color: var(--text-secondary) !important;
517
- margin-bottom: 12px !important;
518
- }
519
-
520
- .auth-accordion button {
521
- width: 100% !important;
522
- padding: 10px 16px !important;
523
- height: 40px !important;
524
- background: var(--text-primary) !important;
525
- color: var(--text-inverse) !important;
526
- border: none !important;
527
  border-radius: var(--radius-md) !important;
528
  font-family: var(--font-sans) !important;
529
  font-size: 13px !important;
@@ -532,8 +492,9 @@ body::after {
532
  transition: all var(--transition-fast) !important;
533
  }
534
 
535
- .auth-accordion button:hover {
536
- opacity: 0.85 !important;
 
537
  transform: translateY(-1px) !important;
538
  }
539
 
@@ -1125,11 +1086,7 @@ with gr.Blocks(
1125
  </div>
1126
  """)
1127
 
1128
- with gr.Accordion("AutenticaciΓ³n", open=False, elem_classes="auth-accordion"):
1129
- gr.Markdown(
1130
- "Inicia sesiΓ³n con tu cuenta de **Hugging Face** para acceder a la inferencia del modelo."
1131
- )
1132
- login_btn = gr.LoginButton("Iniciar sesiΓ³n con Hugging Face")
1133
 
1134
  gr.load(
1135
  "models/OpceanAI/Yuuki-RxG",
 
475
  margin-left: auto;
476
  }
477
 
478
+ /* ─── Auth Login Button ───────────────────────────────────────────────────── */
479
+ .auth-login-btn {
480
+ width: 100% !important;
481
  margin-bottom: 16px !important;
482
+ padding: 10px 16px !important;
483
+ height: 42px !important;
 
484
  background: var(--bg-card) !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
485
  color: var(--text-primary) !important;
 
 
 
 
 
486
  border: 1px solid var(--border-primary) !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
487
  border-radius: var(--radius-md) !important;
488
  font-family: var(--font-sans) !important;
489
  font-size: 13px !important;
 
492
  transition: all var(--transition-fast) !important;
493
  }
494
 
495
+ .auth-login-btn:hover {
496
+ background: var(--bg-card-hover) !important;
497
+ border-color: var(--border-secondary) !important;
498
  transform: translateY(-1px) !important;
499
  }
500
 
 
1086
  </div>
1087
  """)
1088
 
1089
+ login_btn = gr.LoginButton("Iniciar sesiΓ³n con Hugging Face", elem_classes="auth-login-btn")
 
 
 
 
1090
 
1091
  gr.load(
1092
  "models/OpceanAI/Yuuki-RxG",