Laramie2 commited on
Commit
994d9bd
·
verified ·
1 Parent(s): b75b50c

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +13 -7
app.py CHANGED
@@ -360,15 +360,19 @@ body, .gradio-container {
360
  pointer-events: none; /* 防止遮挡拖拽事件 */
361
  }
362
 
363
- /* ======== 新增主要操作按钮 (Start Mineru & Generate All) 悬浮与圆角动效 ======== */
 
364
  .primary-action-btn {
365
- border-radius: 30px !important;
366
  background: linear-gradient(135deg, #9333EA, #7E22CE) !important;
367
  color: white !important; font-weight: 700 !important; border: none !important;
368
- height: 60px !important; width: 100% !important;
 
369
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
370
  box-shadow: 0 4px 15px rgba(126, 34, 206, 0.3) !important;
371
- cursor: pointer !important; font-size: 1.1rem !important; margin-top: 10px !important;
 
 
372
  }
373
  .primary-action-btn:hover {
374
  transform: translateY(-5px) scale(1.02) !important;
@@ -377,16 +381,18 @@ body, .gradio-container {
377
  }
378
  .primary-action-btn:active { transform: translateY(2px) scale(0.98) !important; box-shadow: 0 2px 10px rgba(126, 34, 206, 0.2) !important; }
379
 
380
- /* 3个小按钮的样式保持不变 */
381
  .action-row { display: flex !important; gap: 15px !important; margin-bottom: 10px !important; margin-top: 10px !important;}
382
  .action-btn {
383
- border-radius: 30px !important;
384
  background: linear-gradient(135deg, #A855F7, #9333EA) !important;
385
  color: white !important; font-weight: 600 !important; border: none !important;
386
- height: 55px !important; flex: 1 !important;
 
387
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
388
  box-shadow: 0 4px 15px rgba(147, 51, 234, 0.2) !important;
389
  cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important;
 
390
  }
391
  .action-btn:hover {
392
  transform: translateY(-5px) scale(1.03) !important;
 
360
  pointer-events: none; /* 防止遮挡拖拽事件 */
361
  }
362
 
363
+ /* ======== 修改减小按钮尺寸,保持字体一致 ======== */
364
+ /* 主要操作按钮 (Start Mineru & Generate All) */
365
  .primary-action-btn {
366
+ border-radius: 25px !important; /* 调小 */
367
  background: linear-gradient(135deg, #9333EA, #7E22CE) !important;
368
  color: white !important; font-weight: 700 !important; border: none !important;
369
+ height: 50px !important; /* 调小:60 -> 50 */
370
+ width: 100% !important;
371
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
372
  box-shadow: 0 4px 15px rgba(126, 34, 206, 0.3) !important;
373
+ cursor: pointer !important;
374
+ font-size: 1.05rem !important; /* 字体保持一致:略调小以配合新尺寸 */
375
+ margin-top: 10px !important;
376
  }
377
  .primary-action-btn:hover {
378
  transform: translateY(-5px) scale(1.02) !important;
 
381
  }
382
  .primary-action-btn:active { transform: translateY(2px) scale(0.98) !important; box-shadow: 0 2px 10px rgba(126, 34, 206, 0.2) !important; }
383
 
384
+ /* 3个小按钮的样式 */
385
  .action-row { display: flex !important; gap: 15px !important; margin-bottom: 10px !important; margin-top: 10px !important;}
386
  .action-btn {
387
+ border-radius: 24px !important; /* 调小 */
388
  background: linear-gradient(135deg, #A855F7, #9333EA) !important;
389
  color: white !important; font-weight: 600 !important; border: none !important;
390
+ height: 48px !important; /* 调小:55 -> 48 */
391
+ flex: 1 !important;
392
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
393
  box-shadow: 0 4px 15px rgba(147, 51, 234, 0.2) !important;
394
  cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important;
395
+ font-size: 1.05rem !important; /* 字体保持一致:显式设置 */
396
  }
397
  .action-btn:hover {
398
  transform: translateY(-5px) scale(1.03) !important;