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

Refactor DiscoverView: smaller cards (2 columns on mobile), square featured cards, and compact info to satisfy size request

Browse Source
This commit is contained in:
Johan Samudio
2026-03-01 15:05:36 -05:00
parent bac1920045
commit cb92547271
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -562,7 +562,7 @@ function resetFilters() {
border-radius: 1.125rem; border-radius: 1.125rem;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
aspect-ratio: 3/4; aspect-ratio: 1/1;
background: var(--bg-secondary); background: var(--bg-secondary);
transition: transform 0.2s; transition: transform 0.2s;
} }
@ -593,31 +593,34 @@ function resetFilters() {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: 0.875rem; padding: 0.625rem 0.75rem;
z-index: 2; z-index: 2;
} }
.featured-cat { .featured-cat {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.25rem; gap: 0.2rem;
background: var(--active-color); background: var(--active-color);
color: #101820; color: #101820;
font-size: 0.6875rem; font-size: 0.6rem;
font-weight: 800; font-weight: 800;
padding: 0.15rem 0.5rem; padding: 0.125rem 0.4rem;
border-radius: 99px; border-radius: 99px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.04em; letter-spacing: 0.04em;
margin-bottom: 0.375rem; margin-bottom: 0.25rem;
} }
.featured-name { .featured-name {
margin: 0 0 0.25rem; margin: 0 0 0.125rem;
font-size: 1rem; font-size: 0.875rem;
font-weight: 900; font-weight: 900;
color: #ffffff; color: #ffffff;
line-height: 1.2; line-height: 1.1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.featured-area { .featured-area {