alexandrump/andaquenosabesna
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Separa vídeos y Shorts con los feeds por tipo de YouTube; destacado = último vídeo

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TSyR5Zw5eGj6oPTRVjvP1b
This commit is contained in:
Alex
2026-10-20 16:38:18 +02:00
co-authored by Claude Sonnet 5.5
parent 7e1ae9841b
commit 1b93a2e2aa
3 changed files with 147 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+10
View File
@@ -212,3 +212,13 @@ footer { margin-top: 40px; border-top: 1px solid var(--line); background: var(--
}
.invite h2 { margin: 0 0 4px; }
.invite p { margin: 0; color: #c3d3e3; }
/* shorts */
.shorts { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.scard { display: grid; gap: 8px; align-content: start; transition: transform .3s; }
.scard:hover { transform: translateY(-4px); }
.scard .thumb { aspect-ratio: 9 / 16; border-radius: 14px; }
.scard .meta strong { font-size: .88rem; line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.scard:hover img { transform: scale(1.06); }
.scard:hover .play { opacity: 1; }
.scard .play::after { width: 44px; height: 44px; }