nate/Siteforge
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ask for name and email before sending visitors to Amazon or Apple Books (switchable in admin → Books); v2.29.0
Publish Container / build (push) Successful in 15m46s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-12 16:51:51 -04:00
1 parent 2c342f14bd
commit 9f52437a07
10 files changed
+277 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/App.css
+28
View File
@@ -13704,3 +13704,31 @@ a.study-track-card:hover {
.cx-support { padding-bottom: 2rem; }
}
/* ── Store link sign-up dialog (before Amazon / Apple Books) ─────────────── */
.sl-overlay { position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(0, 0, 0, 0.7); }
.sl-dialog {
width: min(460px, 100%); max-height: 100%; overflow-y: auto; padding: 1.5rem;
background: var(--brand-black-3); border: 1px solid var(--brand-gold-dark); border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}
#root > :not(.admin-shell) .sl-dialog h3 { margin: 0 0 0.4rem; font-family: var(--brand-font-heading); font-size: 1.6rem; color: var(--brand-warm-white); }
.sl-lead { margin: 0 0 1rem; font-size: 0.95rem; line-height: 1.55; color: var(--brand-muted); }
.sl-dialog form { display: flex; flex-direction: column; gap: 0.85rem; }
.sl-dialog label { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.85rem; font-weight: 500; color: var(--brand-muted); }
.sl-dialog input[type='text'], .sl-dialog input[type='email'] {
font: inherit; font-size: 1rem; color: var(--brand-warm-white); background: var(--brand-black); width: 100%; min-width: 0;
border: 1px solid var(--brand-border); border-radius: 8px; padding: 0.65rem 0.8rem;
}
.sl-dialog input:focus { outline: none; border-color: var(--brand-gold); box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.16); }
.sl-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.75rem; }
.sl-dialog label.sl-check { flex-direction: row; align-items: flex-start; gap: 0.55rem; font-size: 0.88rem; font-weight: 400; cursor: pointer; }
.sl-check input { margin-top: 0.22rem; flex-shrink: 0; accent-color: var(--brand-gold); }
.sl-error { margin: 0; font-size: 0.9rem; color: #e07a6a; }
.sl-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.3rem; }
.sl-actions .btn-primary { flex: 1 1 auto; justify-content: center; }
@media (max-width: 480px) {
.sl-overlay { align-items: flex-end; padding: 0; }
.sl-dialog { border-radius: 16px 16px 0 0; padding: 1.25rem; }
.sl-row { grid-template-columns: minmax(0, 1fr); }
.sl-actions .btn-secondary { flex: 1 1 100%; justify-content: center; }
}