lfg2025/indee-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match algo filter layout to Films/My List (slider spacing)

Browse Source 
Replaced the grid layout on the algo filter view with the same flex
slider container (gap-8, pt-6 pb-8, fixed card widths) used by
ContentRow and My List, with flex-wrap so all items remain visible.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-12 13:21:13 +00:00
parent dcb419d67a
commit 4bc14caae7
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/Browse.vue
View File

@@ -177,11 +177,11 @@
<h2 class="content-row-title text-xl md:text-2xl font-bold text-white mb-4 px-4 uppercase"> <h2 class="content-row-title text-xl md:text-2xl font-bold text-white mb-4 px-4 uppercase">
{{ activeAlgorithmLabel }} {{ activeAlgorithmLabel }}
</h2> </h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4 md:gap-6 px-4"> <div class="flex gap-8 overflow-x-auto overflow-y-visible scrollbar-hide scroll-smooth px-4 pt-6 pb-8 flex-wrap">
<div <div
v-for="content in filteredContent" v-for="content in filteredContent"
:key="content.id" :key="content.id"
class="content-card group/card cursor-pointer" class="content-card flex-shrink-0 w-[200px] md:w-[280px] group/card cursor-pointer"
@click="handleContentClick(content)" @click="handleContentClick(content)"
> >
<div class="glass-card rounded-lg p-1.5 transition-all duration-300"> <div class="glass-card rounded-lg p-1.5 transition-all duration-300">