Spaces:
Sleeping
Sleeping
File size: 1,379 Bytes
11ab88a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | .predict-layout.has-result {
grid-template-columns: minmax(0, 1.04fr) minmax(330px, .96fr);
}
.button-link svg,
button svg,
.upload-area span svg {
flex: 0 0 auto;
margin-right: 7px;
}
.upload-area span {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 2px;
}
.home-hero.is-hidden {
opacity: 0;
transform: translateY(12px);
pointer-events: none;
}
.webcam-test-shell {
max-width: 920px;
margin: 0 auto;
}
.webcam-test-toolbar {
align-items: center;
justify-content: flex-start;
}
.webcam-test-toolbar select {
min-width: min(260px, 100%);
height: 44px;
border: 2px solid rgba(108, 67, 40, .38);
border-radius: 8px;
padding: 0 12px;
background: #ffffff;
color: var(--text);
font-weight: 700;
}
.webcam-test-video {
width: 100%;
aspect-ratio: 16 / 9;
margin-top: 16px;
object-fit: cover;
border: 3px solid var(--line);
border-radius: 8px;
background: #111827;
box-shadow: 4px 5px 0 rgba(108, 67, 40, .9);
}
.webcam-test-status {
min-height: 96px;
margin-top: 14px;
padding: 14px;
white-space: pre-wrap;
background: var(--panel);
border: 3px solid var(--line);
border-radius: 8px;
color: var(--text);
}
@media (max-width: 820px) {
.predict-layout.has-result {
grid-template-columns: 1fr;
}
}
|