fix(catalog): scroll propio en el sidebar de filtros

El <aside> de Filtros es sticky pero sin altura máxima ni overflow propio -- con 30+ categorías más marca/edad/precio, el panel se pasa del viewport y queda inalcanzable (reportado en vivo: había que bajar el zoom del navegador para ver "Marca"/"Edad"/"Precio"). overflow-y-auto + max-h acotado al viewport (solo en lg, que es donde aplica sticky) le da scroll propio al panel sin depender del scroll de la página. Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_01THZFwPzrwv6VAbuwmaf5vR
2026-09-06 21:04:04 +00:00
1 changed files with 5 additions and 1 deletions
@@ -352,7 +352,11 @@ export function CatalogClient({
      </div>

      <div className="grid gap-8 lg:grid-cols-[260px_1fr]">
-        <aside className="h-fit space-y-6 rounded-lg border border-slate-100 bg-white p-6 shadow-lg shadow-ari-marino/5 lg:sticky lg:top-44">
+        {/* overflow-y-auto + max-h propio en lg: sticky no le da scroll
+            propio al contenido, y con 30+ categorias mas marca/edad/precio
+            el panel se pasa del viewport sin forma de llegar al resto salvo
+            bajando el zoom del navegador (reportado en vivo). */}
+        <aside className="h-fit space-y-6 overflow-y-auto rounded-lg border border-slate-100 bg-white p-6 shadow-lg shadow-ari-marino/5 lg:sticky lg:top-44 lg:max-h-[calc(100vh-13rem)]">
          <div className="flex items-center justify-between">
            <strong className="flex items-center gap-2 text-lg font-black">
              <SlidersHorizontal className="size-5 text-ari-coral-claro" />