@huloglobal/vendure-plugin-visitor-analytics 0.3.2 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@huloglobal/vendure-plugin-visitor-analytics",
3
- "version": "0.3.2",
3
+ "version": "0.3.3",
4
4
  "description": "Full-funnel visitor analytics for Vendure storefronts \u2014 pageviews, time-on-page, session journey, exit pages, funnel drop-off, and per-visitor profile drawer with parsed user-agent + MaxMind GeoLite2 enrichment. Auto-issues visitor + session cookies on first request; logs guest and signed-in events against the same visitor id so the journey survives login.",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "author": "Wayne Garrison <wayne@garrison.me.uk>",
@@ -409,6 +409,24 @@ interface VisitorProfile {
409
409
  .update-banner .major-pill { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 8px; background: #f59e0b; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; }
410
410
  .update-banner .actions { display: flex; gap: 8px; align-items: center; }
411
411
 
412
+ /* Mobile under 768px */
413
+ @media (max-width: 767px) {
414
+ .summary-row { gap: 8px; }
415
+ .summary-card { min-width: 0; flex-basis: calc(50% - 4px); padding: 12px 14px; }
416
+ .summary-card .num { font-size: 20px; }
417
+ .range { display: block; margin: 8px 0; }
418
+ .two-col { grid-template-columns: 1fr; }
419
+ .funnel-row { grid-template-columns: 1fr; gap: 4px; padding: 8px 0; border-bottom: 1px solid var(--color-component-border-200); }
420
+ table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
421
+ .profile-grid, .profile-grid.four { grid-template-columns: 1fr 1fr; }
422
+ .drawer { width: 100% !important; max-width: 100% !important; }
423
+ .update-banner { flex-direction: column; align-items: flex-start; }
424
+ .update-banner .actions { width: 100%; justify-content: flex-end; }
425
+ }
426
+ @media (max-width: 380px) {
427
+ .summary-card { flex-basis: 100%; }
428
+ }
429
+
412
430
  .range { font-size: 12px; color: var(--color-component-color-300); margin-right: 8px; }
413
431
  .range .btn { padding: 2px 8px; min-width: 0; }
414
432
  .range .btn.active { font-weight: 700; color: var(--color-primary-500, #1d4ed8); }