Spaces:
Sleeping
Sleeping
Hide thumbnail edge sliver
Browse files
app.py
CHANGED
|
@@ -602,7 +602,7 @@ INDEX_HTML = r"""<!DOCTYPE html>
|
|
| 602 |
.clip-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(42,31,14,0.13); }
|
| 603 |
@keyframes clipAppear { from { opacity: 0; transform: scale(0.9) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }
|
| 604 |
.clip-thumb { aspect-ratio: 9/16; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background:#000; }
|
| 605 |
-
.clip-thumb video { width:100%; height:100%; object-fit:cover; display:block; background:#000; }
|
| 606 |
.clip-thumb::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.18)); pointer-events:none; }
|
| 607 |
.clip-play { width: 44px; height: 44px; background: rgba(255,255,255,0.88); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; z-index: 2; box-shadow: 0 2px 12px rgba(0,0,0,0.2); transition: transform 0.2s, opacity 0.2s; pointer-events:none; }
|
| 608 |
.clip-card:hover .clip-play { transform: scale(1.1); }
|
|
|
|
| 602 |
.clip-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(42,31,14,0.13); }
|
| 603 |
@keyframes clipAppear { from { opacity: 0; transform: scale(0.9) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }
|
| 604 |
.clip-thumb { aspect-ratio: 9/16; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background:#000; }
|
| 605 |
+
.clip-thumb video { width:calc(100% + 4px); height:calc(100% + 4px); max-width:none; flex:0 0 auto; object-fit:cover; display:block; background:#000; }
|
| 606 |
.clip-thumb::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.18)); pointer-events:none; }
|
| 607 |
.clip-play { width: 44px; height: 44px; background: rgba(255,255,255,0.88); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; z-index: 2; box-shadow: 0 2px 12px rgba(0,0,0,0.2); transition: transform 0.2s, opacity 0.2s; pointer-events:none; }
|
| 608 |
.clip-card:hover .clip-play { transform: scale(1.1); }
|