Spaces:
Running
Running
Upload style.css with huggingface_hub
Browse files
style.css
CHANGED
|
@@ -381,12 +381,12 @@ input[type=range] { accent-color: var(--accent); padding: 0; background: none; b
|
|
| 381 |
background: #0e0f17e6;
|
| 382 |
flex-wrap: wrap;
|
| 383 |
}
|
| 384 |
-
.deployresult { flex: 1; min-width: 0; font-size: 13.5px; color: var(--text-dim); }
|
| 385 |
.deployresult a { color: var(--text); text-decoration: none; border-bottom: 1px solid #ffffff33; }
|
| 386 |
.deployresult a:hover { border-bottom-color: var(--accent-2); }
|
| 387 |
.deployresult .live { font-weight: 600; }
|
| 388 |
.deployresult .live a { color: var(--ok); border-bottom-color: #35d39a55; }
|
| 389 |
-
.deployresult .claim-note { display: block; margin-top:
|
| 390 |
.deployresult .claim-note a { color: var(--warn); border-bottom-color: #ffcc5555; }
|
| 391 |
.deployresult.is-err { color: var(--err); }
|
| 392 |
|
|
@@ -399,9 +399,11 @@ input[type=range] { accent-color: var(--accent); padding: 0; background: none; b
|
|
| 399 |
.copy:hover { color: var(--text); border-color: var(--accent); }
|
| 400 |
|
| 401 |
/* ββ toast βββββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
|
|
|
|
|
|
|
| 402 |
.toast {
|
| 403 |
position: fixed;
|
| 404 |
-
|
| 405 |
transform: translateX(-50%);
|
| 406 |
z-index: 50;
|
| 407 |
padding: 11px 18px;
|
|
@@ -415,7 +417,7 @@ input[type=range] { accent-color: var(--accent); padding: 0; background: none; b
|
|
| 415 |
animation: rise .22s ease-out;
|
| 416 |
}
|
| 417 |
.toast.is-err { border-color: #ff6b8166; color: #ffc2ca; }
|
| 418 |
-
@keyframes rise { from { opacity: 0; transform: translate(-50%, 10px); } }
|
| 419 |
|
| 420 |
/* ββ scrollbars ββββββββββββββββββββββββββββββββββββββββββββββββββββ */
|
| 421 |
::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
|
|
| 381 |
background: #0e0f17e6;
|
| 382 |
flex-wrap: wrap;
|
| 383 |
}
|
| 384 |
+
.deployresult { flex: 1 1 320px; min-width: 0; font-size: 13.5px; line-height: 1.5; color: var(--text-dim); overflow-wrap: anywhere; }
|
| 385 |
.deployresult a { color: var(--text); text-decoration: none; border-bottom: 1px solid #ffffff33; }
|
| 386 |
.deployresult a:hover { border-bottom-color: var(--accent-2); }
|
| 387 |
.deployresult .live { font-weight: 600; }
|
| 388 |
.deployresult .live a { color: var(--ok); border-bottom-color: #35d39a55; }
|
| 389 |
+
.deployresult .claim-note { display: block; margin-top: 4px; font-size: 12.5px; line-height: 1.55; color: var(--text-mute); }
|
| 390 |
.deployresult .claim-note a { color: var(--warn); border-bottom-color: #ffcc5555; }
|
| 391 |
.deployresult.is-err { color: var(--err); }
|
| 392 |
|
|
|
|
| 399 |
.copy:hover { color: var(--text); border-color: var(--accent); }
|
| 400 |
|
| 401 |
/* ββ toast βββββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
|
| 402 |
+
/* Anchored to the top: the bottom of the screen is the deploy bar, and a
|
| 403 |
+
* translucent toast overlapping the result links reads as a rendering bug. */
|
| 404 |
.toast {
|
| 405 |
position: fixed;
|
| 406 |
+
top: 68px; left: 50%;
|
| 407 |
transform: translateX(-50%);
|
| 408 |
z-index: 50;
|
| 409 |
padding: 11px 18px;
|
|
|
|
| 417 |
animation: rise .22s ease-out;
|
| 418 |
}
|
| 419 |
.toast.is-err { border-color: #ff6b8166; color: #ffc2ca; }
|
| 420 |
+
@keyframes rise { from { opacity: 0; transform: translate(-50%, -10px); } }
|
| 421 |
|
| 422 |
/* ββ scrollbars ββββββββββββββββββββββββββββββββββββββββββββββββββββ */
|
| 423 |
::-webkit-scrollbar { width: 10px; height: 10px; }
|