diff --git a/assets/css/app.css b/assets/css/app.css index 1d21ec7..b0cffbf 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -115,3 +115,23 @@ @import "./theme-semantic.css"; /* This file is for your main application CSS */ + +/* Cart drawer open state styles */ +.cart-drawer.open { + right: 0 !important; +} + +.cart-drawer-overlay.open { + opacity: 1 !important; + visibility: visible !important; +} + +/* Product gallery thumbnail styles */ +.pdp-thumbnail { + border: 2px solid var(--t-border-default); + transition: border-color 0.15s ease; +} + +.pdp-thumbnail-active { + border-color: hsl(var(--t-accent-h) var(--t-accent-s) var(--t-accent-l)); +} diff --git a/docs/plans/image-optimization.md b/docs/plans/image-optimization.md index 1f034c7..f53cee4 100644 --- a/docs/plans/image-optimization.md +++ b/docs/plans/image-optimization.md @@ -7,21 +7,21 @@ ## Progress Tracker -**Current Phase:** Not started +**Current Phase:** Complete **Last Updated:** 2026-01-21 | Phase | Status | Commit | |-------|--------|--------| -| 1. Oban dependency + config | ⬜ Pending | - | -| 2. Migration + Schema | ⬜ Pending | - | -| 3. Optimizer module | ⬜ Pending | - | -| 4. Oban worker | ⬜ Pending | - | -| 5. Media module integration | ⬜ Pending | - | -| 6. VariantCache GenServer | ⬜ Pending | - | -| 7. Responsive image component | ⬜ Pending | - | -| 8. ImageController disk serving | ⬜ Pending | - | -| 9. Mix task for mockups | ⬜ Pending | - | -| 10. Final integration + Lighthouse | ⬜ Pending | - | +| 1. Oban dependency + config | ✅ Complete | dbadd2a | +| 2. Migration + Schema | ✅ Complete | cefec1a | +| 3. Optimizer module | ✅ Complete | 2b5b749 | +| 4. Oban worker | ✅ Complete | 2b5b749 | +| 5. Media module integration | ✅ Complete | (pending commit) | +| 6. VariantCache GenServer | ✅ Complete | (pending commit) | +| 7. Responsive image component | ✅ Complete | (pending commit) | +| 8. ImageController disk serving | ✅ Complete | (pending commit) | +| 9. Mix task for mockups | ✅ Complete | (pending commit) | +| 10. Final integration + Lighthouse | ✅ Complete | (pending commit) | **Legend:** ⬜ Pending | 🔄 In Progress | ✅ Complete | ❌ Blocked diff --git a/lib/simpleshop_theme_web/components/layouts/root.html.heex b/lib/simpleshop_theme_web/components/layouts/root.html.heex index 8903e70..b87b33e 100644 --- a/lib/simpleshop_theme_web/components/layouts/root.html.heex +++ b/lib/simpleshop_theme_web/components/layouts/root.html.heex @@ -8,7 +8,7 @@ {assigns[:page_title]} -