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

ui: center player overlay buttons (scope hero's align-self to .hero-body)

Browse Source
This commit is contained in:
jozamudi committed 2026-08-24 16:02:27 +00:00
1 parent 3f8c387a48
commit 2c0ee8eae3
1 file changed
+2 -1
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+2 -1
View File
@@ -41,8 +41,9 @@ h2 { margin: 0.4rem 0; }
.hero-body { display: flex; flex-direction: column; gap: .45rem; min-width: 0; }
.hero-kicker { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--acc); }
.hero-body h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn { align-self: start; padding: .45rem 1.1rem; border-radius: 8px;
.btn { padding: .45rem 1.1rem; border-radius: 8px;
border: 1px solid var(--acc); background: var(--acc); color: #140b02; font-weight: 600; cursor: pointer; }
.hero-body .btn { align-self: start; } /* resume button: left edge of hero col, not the player overlay's */
.bar { height: 5px; border-radius: 3px; background: var(--bd); overflow: hidden; }
.bar-fill { height: 100%; background: var(--acc); }
.bar.small { height: 4px; margin-top: .4rem; }