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