ZhouChuYue commited on
Commit
26ddaed
ยท
1 Parent(s): 2b6793d

fix: make primary button white text and standardize generate labels

Browse files
Files changed (1) hide show
  1. app.py +19 -16
app.py CHANGED
@@ -325,22 +325,25 @@ ul.options, .gr-dropdown-options {
325
 
326
  /* Buttons */
327
  .gr-button-primary {
328
- background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%) !important;
329
  border: none !important;
330
  color: #ffffff !important;
331
  font-weight: 600 !important;
332
  box-shadow: 0 6px 14px rgba(79, 70, 229, 0.25) !important;
333
  }
 
 
 
334
 
335
  .gr-button-secondary {
336
- background: #64748b !important;
337
- border: 1px solid #64748b !important;
338
- color: #ffffff !important;
339
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08) !important;
340
  }
341
  .gr-button-secondary:hover {
342
- background: #475569 !important;
343
- border-color: #475569 !important;
344
  }
345
 
346
  /* Tabs */
@@ -407,8 +410,8 @@ with gr.Blocks(title="UltraData-Math L3 Generator", css=custom_css, theme=gr.the
407
  info="Select the target audience level"
408
  )
409
  with gr.Row():
410
- qa_example_btn = gr.Button("Generate", variant="secondary")
411
- qa_btn = gr.Button("๐Ÿš€ Generate Q&A", variant="primary")
412
 
413
  with gr.Column(scale=1):
414
  qa_problem = gr.Textbox(label="Generated Problem", lines=5, show_copy_button=True)
@@ -443,8 +446,8 @@ with gr.Blocks(title="UltraData-Math L3 Generator", css=custom_css, theme=gr.the
443
  info="Choose the persona and tone of the conversation"
444
  )
445
  with gr.Row():
446
- conv_example_btn = gr.Button("Generate", variant="secondary")
447
- conv_btn = gr.Button("๐Ÿš€ Generate Conversation", variant="primary")
448
 
449
  with gr.Column(scale=1):
450
  conv_output = gr.Textbox(label="Generated Conversation", lines=20, show_copy_button=True)
@@ -478,8 +481,8 @@ with gr.Blocks(title="UltraData-Math L3 Generator", css=custom_css, theme=gr.the
478
  info="Select the desired output style"
479
  )
480
  with gr.Row():
481
- rewrite_example_btn = gr.Button("Generate", variant="secondary")
482
- rewrite_btn = gr.Button("๐Ÿš€ Rewrite Content", variant="primary")
483
 
484
  with gr.Column(scale=1):
485
  rewrite_output = gr.Textbox(label="Rewritten Content", lines=20, show_copy_button=True)
@@ -507,8 +510,8 @@ with gr.Blocks(title="UltraData-Math L3 Generator", css=custom_css, theme=gr.the
507
  lines=12,
508
  )
509
  with gr.Row():
510
- know_example_btn = gr.Button("Generate", variant="secondary")
511
- know_btn = gr.Button("๐Ÿš€ Extract Knowledge", variant="primary")
512
 
513
  with gr.Column(scale=1):
514
  know_output = gr.Textbox(label="Extracted Knowledge Points", lines=20, show_copy_button=True)
@@ -542,8 +545,8 @@ with gr.Blocks(title="UltraData-Math L3 Generator", css=custom_css, theme=gr.the
542
  info="Select the problem difficulty"
543
  )
544
  with gr.Row():
545
- textbook_example_btn = gr.Button("Generate", variant="secondary")
546
- textbook_btn = gr.Button("๐Ÿš€ Generate Exercise", variant="primary")
547
 
548
  with gr.Column(scale=1):
549
  textbook_output = gr.Textbox(label="Generated Exercise Material", lines=20, show_copy_button=True)
 
325
 
326
  /* Buttons */
327
  .gr-button-primary {
328
+ background: #6366f1 !important; /* purple */
329
  border: none !important;
330
  color: #ffffff !important;
331
  font-weight: 600 !important;
332
  box-shadow: 0 6px 14px rgba(79, 70, 229, 0.25) !important;
333
  }
334
+ .gr-button-primary * {
335
+ color: #ffffff !important;
336
+ }
337
 
338
  .gr-button-secondary {
339
+ background: #e2e8f0 !important;
340
+ border: 1px solid #cbd5e1 !important;
341
+ color: #0f172a !important;
342
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08) !important;
343
  }
344
  .gr-button-secondary:hover {
345
+ background: #dbe3ef !important;
346
+ border-color: #94a3b8 !important;
347
  }
348
 
349
  /* Tabs */
 
410
  info="Select the target audience level"
411
  )
412
  with gr.Row():
413
+ qa_example_btn = gr.Button("Load Example", variant="secondary")
414
+ qa_btn = gr.Button("Generate", variant="primary")
415
 
416
  with gr.Column(scale=1):
417
  qa_problem = gr.Textbox(label="Generated Problem", lines=5, show_copy_button=True)
 
446
  info="Choose the persona and tone of the conversation"
447
  )
448
  with gr.Row():
449
+ conv_example_btn = gr.Button("Load Example", variant="secondary")
450
+ conv_btn = gr.Button("Generate", variant="primary")
451
 
452
  with gr.Column(scale=1):
453
  conv_output = gr.Textbox(label="Generated Conversation", lines=20, show_copy_button=True)
 
481
  info="Select the desired output style"
482
  )
483
  with gr.Row():
484
+ rewrite_example_btn = gr.Button("Load Example", variant="secondary")
485
+ rewrite_btn = gr.Button("Generate", variant="primary")
486
 
487
  with gr.Column(scale=1):
488
  rewrite_output = gr.Textbox(label="Rewritten Content", lines=20, show_copy_button=True)
 
510
  lines=12,
511
  )
512
  with gr.Row():
513
+ know_example_btn = gr.Button("Load Example", variant="secondary")
514
+ know_btn = gr.Button("Generate", variant="primary")
515
 
516
  with gr.Column(scale=1):
517
  know_output = gr.Textbox(label="Extracted Knowledge Points", lines=20, show_copy_button=True)
 
545
  info="Select the problem difficulty"
546
  )
547
  with gr.Row():
548
+ textbook_example_btn = gr.Button("Load Example", variant="secondary")
549
+ textbook_btn = gr.Button("Generate", variant="primary")
550
 
551
  with gr.Column(scale=1):
552
  textbook_output = gr.Textbox(label="Generated Exercise Material", lines=20, show_copy_button=True)