lfg2025/archy
1
0
Fork 0
Code Issues 25 Pull Requests 4 Actions Packages Projects Releases 74 Wiki Activity

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

Browse Source 
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 f2b4e537e9
commit f353c91e61
23 changed files with 782 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
neode-ui/src/style.css
+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;