fix: hide infrastructure containers from My Apps, orange glass hover on App Store cards

- Task 13: added archy-* prefix containers, mempool-api, UI containers
  to SERVICE_NAMES filter — removes empty squares from My Apps grid
- Task 12: App Store card hover changed from white/10 to orange-500/5
  with orange border glow (subtle, not severe)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian 2026-03-19 17:54:26 +00:00
parent 8083386a93
commit 7ab51ded75
3 changed files with 9 additions and 3 deletions

View File

@ -340,20 +340,26 @@ const activeTab = ref<'apps' | 'services'>(
// Service container name patterns (backend/infra, not user-facing)
const SERVICE_NAMES = new Set([
// Database & backend infrastructure
'archy-mempool-db', 'archy-btcpay-db', 'archy-nbxplorer', 'archy-tor',
'immich_postgres', 'immich_redis',
'penpot-postgres', 'penpot-valkey', 'penpot-backend', 'penpot-exporter',
'mysql-mempool', 'mempool-api', 'archy-mempool-web',
// UI containers (served via /app/ proxy, not standalone apps)
'archy-bitcoin-ui', 'archy-lnd-ui', 'archy-electrs-ui',
// IndeedHub infrastructure
'indeedhub-postgres', 'indeedhub-redis', 'indeedhub-minio',
'indeedhub-relay', 'indeedhub-build_api_1', 'indeedhub-build_ffmpeg-worker_1',
'indeedhub-build_postgres_1', 'indeedhub-build_redis_1', 'indeedhub-build_minio_1',
'indeedhub-build_minio-init_1', 'indeedhub-build_relay_1',
'mysql-mempool',
])
function isServiceContainer(id: string): boolean {
if (SERVICE_NAMES.has(id)) return true
// Catch any indeedhub-build_* compose infrastructure containers
if (id.startsWith('indeedhub-build_')) return true
// Catch archy-* UI/infrastructure containers
if (id.startsWith('archy-')) return true
// Catch database containers
if (id.endsWith('_db') || id.endsWith('-db')) return true
return false

View File

@ -424,7 +424,7 @@
'p-4 rounded-xl font-medium transition-all text-left',
selectedCategory === category.id
? 'bg-white/20 text-white border-2 border-white/40'
: 'glass-card text-white/80 hover:bg-white/10'
: 'glass-card text-white/80 hover:bg-orange-500/5 hover:border-orange-500/15'
]"
>
<div class="flex items-center gap-3">

View File

@ -64,7 +64,7 @@
:data-controller-install="!(isInstalled(app.id) || installingApps.has(app.id)) && (app.source === 'local' || !!app.dockerImage) ? '1' : undefined"
tabindex="0"
role="link"
class="glass-card p-6 hover:bg-white/10 transition-all cursor-pointer flex flex-col"
class="glass-card p-6 hover:bg-orange-500/5 hover:border-orange-500/15 transition-all cursor-pointer flex flex-col"
:class="{ 'card-stagger': showStagger }"
:style="{ '--stagger-index': index }"
@click="viewAppDetails(app)"