Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -360,15 +360,19 @@ body, .gradio-container {
|
|
| 360 |
pointer-events: none; /* 防止遮挡拖拽事件 */
|
| 361 |
}
|
| 362 |
|
| 363 |
-
/* ========
|
|
|
|
| 364 |
.primary-action-btn {
|
| 365 |
-
border-radius:
|
| 366 |
background: linear-gradient(135deg, #9333EA, #7E22CE) !important;
|
| 367 |
color: white !important; font-weight: 700 !important; border: none !important;
|
| 368 |
-
height:
|
|
|
|
| 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;
|
|
|
|
|
|
|
| 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:
|
| 384 |
background: linear-gradient(135deg, #A855F7, #9333EA) !important;
|
| 385 |
color: white !important; font-weight: 600 !important; border: none !important;
|
| 386 |
-
height:
|
|
|
|
| 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;
|