Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): remove dark mode css override in loading component that broke light mode contrast, and add missing state-center css class to discover view

Browse Source
This commit is contained in:
Johan Samudio
2026-03-04 16:49:18 -05:00
parent 669c834826
commit 5d573ea6e0
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/common/LoadingBranded.vue
View File

@ -141,14 +141,5 @@ defineProps({
100% { opacity: 0; } 100% { opacity: 0; }
} }
/* Dark mode overrides automatically adapt using CSS variables, but just in case */ /* Dark/Light modes automatically adapt using CSS variables from App.vue */
@media (prefers-color-scheme: dark) {
.loading-icon-wrap {
background-color: var(--bg-secondary, #1e293b);
border-color: rgba(255,255,255, 0.1);
}
.loading-icon, .loading-message, .loading-dots {
color: var(--text-default, #f1f5f9);
}
}
</style> </style>

10
frontend/src/views/DiscoverView.vue
View File

@ -388,6 +388,16 @@ function resetFilters() {
padding-bottom: 100px; padding-bottom: 100px;
} }
.state-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 4rem 1.25rem;
gap: 1rem;
color: var(--text-secondary);
}
/* ═══════════════════════════════════════════ /* ═══════════════════════════════════════════
HEADER HEADER
═══════════════════════════════════════════ */ ═══════════════════════════════════════════ */