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
3 changed files with 8 additions and 4 deletions
@@ -65,7 +65,7 @@ spec:
              memory: 64Mi

        - name: migrations
-          image: gitea.cruzcloud.net/devops/ecommerce-medusa:v1.0.225
+          image: gitea.cruzcloud.net/devops/ecommerce-medusa:v1.0.223
          imagePullPolicy: IfNotPresent
          command:
            - node
@@ -86,7 +86,7 @@ spec:

      containers:
        - name: app
-          image: gitea.cruzcloud.net/devops/ecommerce-medusa:v1.0.225
+          image: gitea.cruzcloud.net/devops/ecommerce-medusa:v1.0.223
          imagePullPolicy: IfNotPresent
          envFrom:
            - configMapRef:
@@ -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" />
@@ -25,7 +25,7 @@ spec:
        runAsUser: 1001
      containers:
        - name: app
-          image: gitea.cruzcloud.net/devops/ecommerce-frontend:v1.0.226
+          image: gitea.cruzcloud.net/devops/ecommerce-frontend:v1.0.219
          env:
            - name: HEADLESS_PROVIDER
              value: medusa