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

Fix filter visibility in dark mode and center business names in cards

Browse Source
This commit is contained in:
Johan Samudio
2026-03-17 08:18:18 -05:00
parent 2d1e62f15c
commit 3991be8f23
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -382,6 +382,11 @@ function resetFilters() {
white-space: nowrap; white-space: nowrap;
} }
.filter-select option {
background-color: var(--bg-secondary);
color: var(--text-primary);
}
.select-arrow { position: absolute; right: 0.5rem; font-size: 1.125rem; color: var(--text-secondary); pointer-events: none; } .select-arrow { position: absolute; right: 0.5rem; font-size: 1.125rem; color: var(--text-secondary); pointer-events: none; }
/* CONTENIDO */ /* CONTENIDO */
@ -402,14 +407,14 @@ function resetFilters() {
.featured-card { position: relative; border-radius: 1.125rem; overflow: hidden; cursor: pointer; aspect-ratio: 16/9; background: var(--bg-secondary); } .featured-card { position: relative; border-radius: 1.125rem; overflow: hidden; cursor: pointer; aspect-ratio: 16/9; background: var(--bg-secondary); }
.featured-img { width: 100%; height: 100%; object-fit: cover; } .featured-img { width: 100%; height: 100%; object-fit: cover; }
.featured-gradient { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%); } .featured-gradient { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%); }
.featured-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.75rem; z-index: 2; } .featured-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.75rem; z-index: 2; text-align: center; }
.featured-name { margin: 0; font-size: 0.9375rem; font-weight: 900; color: #ffffff; text-shadow: 0 1px 4px rgba(0,0,0,0.5); } .featured-name { margin: 0; font-size: 0.9375rem; font-weight: 900; color: #ffffff; text-shadow: 0 1px 4px rgba(0,0,0,0.5); }
.biz-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; } .biz-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
.biz-card { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 1rem; overflow: hidden; cursor: pointer; } .biz-card { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 1rem; overflow: hidden; cursor: pointer; }
.biz-img-wrap { position: relative; aspect-ratio: 4/3; } .biz-img-wrap { position: relative; aspect-ratio: 4/3; }
.biz-img { width: 100%; height: 100%; object-fit: cover; } .biz-img { width: 100%; height: 100%; object-fit: cover; }
.biz-body { padding: 0.75rem; } .biz-body { padding: 0.75rem; text-align: center; }
.biz-name { margin: 0; font-size: 0.875rem; font-weight: 800; color: var(--text-primary); line-height: 1.2; } .biz-name { margin: 0; font-size: 0.875rem; font-weight: 800; color: var(--text-primary); line-height: 1.2; }
/* UTILS */ /* UTILS */