jozamudi/ani-web
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

features: auto-next w/ 5s countdown, prev/next, playback speed, hide fillers, recent searches

Browse Source
This commit is contained in:
jozamudi committed 2026-08-19 18:41:13 +00:00
1 parent 9fdf3944fc
commit 98fb4e5461
6 files changed
+269 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/style.css
+16 -1
View File
@@ -65,13 +65,28 @@ h2 { margin: 0.4rem 0; }
.player video { width: 100%; max-height: 70vh; background: #000; border-radius: 10px; aspect-ratio: 16/9; }
.play-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
font-size: 1.1rem; padding: 0.8rem 1.4rem; background: rgba(0, 0, 0, 0.75); }
.controls { display: flex; align-items: center; gap: 0.4rem; margin: 0.6rem 0; }
.controls { display: flex; align-items: center; gap: 0.4rem; margin: 0.6rem 0; flex-wrap: wrap; }
button { background: var(--card); color: var(--fg); border: 1px solid var(--bd);
border-radius: 8px; padding: 0.4rem 0.7rem; cursor: pointer; }
button:hover { border-color: var(--acc); }
.tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 0.6rem 0; }
.tab { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* recent searches dropdown + player extras */
header form { position: relative; }
.recent { position: absolute; top: 100%; left: 0; right: 0; z-index: 10;
background: var(--card); border: 1px solid var(--bd); border-radius: 8px;
margin-top: .3rem; display: none; max-height: 240px; overflow: auto; }
.recent.open { display: block; }
.recent button { display: block; width: 100%; text-align: left; padding: .5rem .8rem;
background: none; border: 0; color: var(--fg); cursor: pointer; font-size: .9rem; }
.recent button:hover { background: rgba(255, 255, 255, 0.06); }
.spd { padding: .2rem .3rem; background: var(--card); color: var(--fg);
border: 1px solid var(--bd); border-radius: 6px; font-size: .8rem; }
.cnt-x { background: none; border: 0; color: var(--muted); font-size: 1.1rem;
cursor: pointer; padding: .2rem .5rem; }
button.tiny.on { border-color: var(--acc); color: var(--acc); }
.tab.active { border-color: var(--acc); color: var(--acc); }
/* loading + feedback */