rufflet17 commited on
Commit
b0b1562
·
verified ·
1 Parent(s): cf82909

Update gradio_tabs/single.py

Browse files
Files changed (1) hide show
  1. gradio_tabs/single.py +12 -2
gradio_tabs/single.py CHANGED
@@ -481,7 +481,17 @@ def create_synthesis_app(model_holder: TTSModelHolder) -> gr.Blocks:
481
 
482
  .workbench-item-container { border-bottom: 1px solid #dee2e6; padding: 8px 5px; }
483
  .workbench-top-row { align-items: flex-start !important; }
484
- .workbench-buttons-row { justify-content: space-between !important; }
 
 
 
 
 
 
 
 
 
 
485
 
486
  .text-center { text-align: center; }
487
  """
@@ -489,7 +499,7 @@ def create_synthesis_app(model_holder: TTSModelHolder) -> gr.Blocks:
489
  with gr.Blocks(css=custom_css) as app:
490
  MAX_AUDIO_OUTPUTS = 4
491
  ITEMS_PER_ROW = 4
492
- MAX_WORKBENCH_ITEMS = 6
493
 
494
  all_styles_data_state = gr.State({})
495
  synthesized_wav_files_state = gr.State([])
 
481
 
482
  .workbench-item-container { border-bottom: 1px solid #dee2e6; padding: 8px 5px; }
483
  .workbench-top-row { align-items: flex-start !important; }
484
+ .workbench-buttons-row { justify-content: space-between !important; align-items: center !important; }
485
+
486
+ /* ▼▼▼ ここから追加 ▼▼▼ */
487
+ /* キープタブのボタンのサイズを微調整するためのカスタムスタイル */
488
+ .workbench-action-button .gradio-button {
489
+ padding: 4px 10px !important; /* 上下の余白を小さく、左右の余白を適切に */
490
+ min-height: 30px !important; /* ボタンの最小の高さを設定 */
491
+ font-size: 14px !important; /* フォントサイズを少し小さく */
492
+ line-height: 1 !important; /* 行の高さを調整 */
493
+ flex-grow: 0 !important; /* ボタンが不必要に伸びないようにする */
494
+ }
495
 
496
  .text-center { text-align: center; }
497
  """
 
499
  with gr.Blocks(css=custom_css) as app:
500
  MAX_AUDIO_OUTPUTS = 4
501
  ITEMS_PER_ROW = 4
502
+ MAX_WORKBENCH_ITEMS = 8
503
 
504
  all_styles_data_state = gr.State({})
505
  synthesized_wav_files_state = gr.State([])