@primestyleai/tryon 5.10.137 → 5.10.138
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/dist/react/index.js +455 -386
- package/dist/react/index.js.map +1 -1
- package/dist/react/styles.d.ts +1 -1
- package/dist/storefront/primestyle-tryon.js +69 -0
- package/package.json +1 -1
|
@@ -13571,6 +13571,75 @@ const STYLES$1 = `
|
|
|
13571
13571
|
}
|
|
13572
13572
|
.ps-tryon-drawer-clear:hover { color: var(--ps-error-color); }
|
|
13573
13573
|
|
|
13574
|
+
/* ──────────────────────────────────────────────────────────────────
|
|
13575
|
+
Mobile sizing for the My Profiles / History drawer. Desktop uses vw
|
|
13576
|
+
units which collapse to 1–4 px on a 375 px phone. Override every
|
|
13577
|
+
rule with px-based values so the list is actually readable.
|
|
13578
|
+
────────────────────────────────────────────────────────────────── */
|
|
13579
|
+
@media (max-width: 768px) {
|
|
13580
|
+
.ps-tryon-drawer { padding: 16px 14px; }
|
|
13581
|
+
.ps-tryon-drawer-header { gap: 10px; padding-bottom: 12px; margin-bottom: 12px; }
|
|
13582
|
+
.ps-tryon-drawer-back {
|
|
13583
|
+
width: 36px; height: 36px; border-radius: 8px;
|
|
13584
|
+
}
|
|
13585
|
+
.ps-tryon-drawer-back svg { width: 18px; height: 18px; }
|
|
13586
|
+
.ps-tryon-drawer-title { font-size: 17px; font-weight: 600; }
|
|
13587
|
+
.ps-tryon-drawer-add-btn {
|
|
13588
|
+
width: 32px; height: 32px; border-radius: 8px; font-size: 20px;
|
|
13589
|
+
}
|
|
13590
|
+
.ps-tryon-drawer-list { gap: 10px; }
|
|
13591
|
+
.ps-tryon-drawer-empty { padding: 32px 16px; font-size: 14px; }
|
|
13592
|
+
|
|
13593
|
+
.ps-tryon-drawer-create {
|
|
13594
|
+
padding: 14px;
|
|
13595
|
+
border-radius: 10px;
|
|
13596
|
+
font-size: 14px;
|
|
13597
|
+
gap: 6px;
|
|
13598
|
+
margin-bottom: 4px;
|
|
13599
|
+
}
|
|
13600
|
+
.ps-tryon-drawer-clear {
|
|
13601
|
+
font-size: 13px; padding: 12px 0; margin-top: 6px;
|
|
13602
|
+
}
|
|
13603
|
+
|
|
13604
|
+
.ps-tryon-profile-item {
|
|
13605
|
+
gap: 12px; padding: 14px; border-radius: 12px;
|
|
13606
|
+
}
|
|
13607
|
+
.ps-tryon-profile-avatar {
|
|
13608
|
+
width: 44px; height: 44px;
|
|
13609
|
+
}
|
|
13610
|
+
.ps-tryon-profile-avatar svg { width: 22px; height: 22px; }
|
|
13611
|
+
.ps-tryon-profile-name { font-size: 15px; }
|
|
13612
|
+
.ps-tryon-profile-detail { font-size: 12px; margin-top: 3px; }
|
|
13613
|
+
.ps-tryon-profile-item > svg:last-child { width: 18px; height: 18px; }
|
|
13614
|
+
|
|
13615
|
+
.ps-tryon-history-item {
|
|
13616
|
+
gap: 12px; padding: 12px; border-radius: 12px;
|
|
13617
|
+
}
|
|
13618
|
+
.ps-tryon-history-images { gap: 6px; }
|
|
13619
|
+
.ps-tryon-history-thumb,
|
|
13620
|
+
.ps-tryon-history-result-img {
|
|
13621
|
+
width: 64px; height: 80px; border-radius: 8px;
|
|
13622
|
+
}
|
|
13623
|
+
.ps-tryon-history-product { font-size: 14px; line-height: 1.3; }
|
|
13624
|
+
.ps-tryon-history-meta { font-size: 11px; margin-top: 4px; }
|
|
13625
|
+
.ps-tryon-history-sizing { gap: 8px; margin-top: 6px; }
|
|
13626
|
+
.ps-tryon-history-sizing-reason { font-size: 11px; }
|
|
13627
|
+
.ps-tryon-history-size-badge {
|
|
13628
|
+
min-width: 32px; height: 32px; padding: 0 10px; font-size: 12px;
|
|
13629
|
+
}
|
|
13630
|
+
.ps-tryon-history-sections { gap: 6px; margin-top: 6px; }
|
|
13631
|
+
.ps-tryon-history-section-chip {
|
|
13632
|
+
font-size: 11px; padding: 3px 8px; border-radius: 6px;
|
|
13633
|
+
}
|
|
13634
|
+
.ps-tryon-history-tryon-badge {
|
|
13635
|
+
font-size: 10px; padding: 2px 7px; border-radius: 5px; margin-top: 6px;
|
|
13636
|
+
}
|
|
13637
|
+
.ps-tryon-history-delete {
|
|
13638
|
+
width: 32px; height: 32px; border-radius: 6px;
|
|
13639
|
+
}
|
|
13640
|
+
.ps-tryon-history-delete svg { width: 16px; height: 16px; }
|
|
13641
|
+
}
|
|
13642
|
+
|
|
13574
13643
|
/* Profile detail modal — portaled to body, sits ABOVE the main modal
|
|
13575
13644
|
overlay (which has z-index 2147483647). Equal z-index + later DOM
|
|
13576
13645
|
order means this stacks on top. Same trick as the language dropdown. */
|