feat: botfights, discover, mobile gamepad, content handler, package config updates

Miscellaneous improvements: botfights manifest, discover page curated
apps, mobile gamepad enhancements, content HTTP handler, package
install config updates, health monitor tweaks, shared content UI,
container specs and image version updates.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-04-11 23:11:41 -04:00
co-authored by Claude Opus 4.6
parent 24f122f35a
commit bb14490fb7
23 changed files with 782 additions and 75 deletions
+143
View File
@@ -1894,6 +1894,113 @@ html:has(body.video-background-active)::before {
cursor: not-allowed;
}
/* ── Media Lightbox ── */
.lightbox-backdrop {
position: fixed;
inset: 0;
z-index: 4000;
background: rgba(0, 0, 0, 0.92);
display: flex;
align-items: center;
justify-content: center;
outline: none;
}
.lightbox-close {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 4010;
color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.1);
border: none;
border-radius: 0.5rem;
padding: 0.5rem;
cursor: pointer;
transition: background 0.15s, color 0.15s;
}
.lightbox-close:hover {
background: rgba(255, 255, 255, 0.2);
color: white;
}
.lightbox-counter {
position: absolute;
top: 1.25rem;
left: 50%;
transform: translateX(-50%);
z-index: 4010;
color: rgba(255, 255, 255, 0.5);
font-size: 0.875rem;
font-variant-numeric: tabular-nums;
}
.lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4010;
color: rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.05);
border: none;
border-radius: 0.5rem;
padding: 0.75rem 0.5rem;
cursor: pointer;
transition: background 0.15s, color 0.15s;
}
.lightbox-nav:hover {
background: rgba(255, 255, 255, 0.15);
color: white;
}
.lightbox-nav-prev { left: 1rem; }
.lightbox-nav-next { right: 1rem; }
.lightbox-content {
display: flex;
align-items: center;
justify-content: center;
max-width: calc(100vw - 8rem);
max-height: calc(100vh - 6rem);
}
.lightbox-media {
max-width: calc(100vw - 8rem);
max-height: calc(100vh - 6rem);
object-fit: contain;
border-radius: 0.25rem;
}
.lightbox-loading {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 200px;
}
.lightbox-error {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 200px;
}
.lightbox-filename {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
z-index: 4010;
background: rgba(0, 0, 0, 0.6);
padding: 0.375rem 1rem;
border-radius: 0.5rem;
}
@media (max-width: 768px) {
.lightbox-nav-prev { left: 0.25rem; }
.lightbox-nav-next { right: 0.25rem; }
.lightbox-content {
max-width: calc(100vw - 2rem);
max-height: calc(100vh - 4rem);
}
.lightbox-media {
max-width: calc(100vw - 2rem);
max-height: calc(100vh - 4rem);
}
}
/* Share action button highlight */
.cloud-file-action-share:hover {
background: rgba(251, 146, 60, 0.2);
@@ -2302,6 +2409,42 @@ html:has(body.video-background-active)::before {
border: 1px solid rgba(251, 146, 60, 0.2);
}
/* Featured App Banner */
.featured-banner {
position: relative;
min-height: 320px;
border-radius: 16px;
border: 1px solid rgba(251, 146, 60, 0.15);
}
.featured-banner-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
opacity: 0.6;
transition: opacity 0.4s ease;
}
.featured-banner:hover .featured-banner-img {
opacity: 0.75;
}
.featured-banner-overlay {
position: relative;
z-index: 1;
padding: 2.5rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 320px;
background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.1) 100%);
border-radius: 16px;
}
@media (max-width: 768px) {
.featured-banner { min-height: 240px; }
.featured-banner-overlay { padding: 1.5rem; min-height: 240px; }
}
.discover-stat-pill {
display: inline-flex;
align-items: center;