24-6: booking page and booking success — implemented, QA Review
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -314,6 +314,24 @@ body.site .book-r .btn+.btn{margin-top:10px}
|
||||
body.site .f2{grid-template-columns:1fr}
|
||||
}
|
||||
|
||||
/* ---------- Booking page and success (24-6) ---------- */
|
||||
body.site .book-r .picked{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;margin-bottom:18px;border-radius:14px;background:#fff;border:1px solid var(--line)}
|
||||
body.site .book-r .picked b{display:block;font-family:var(--display);font-size:1.15rem}
|
||||
body.site .book-r .picked span{display:block;font-size:.92rem;color:var(--muted)}
|
||||
body.site .book-r .picked .btn{width:auto;margin:0;min-height:44px;padding:8px 18px}
|
||||
body.site .book-r .cap-row{display:flex;gap:10px;align-items:center}
|
||||
body.site .book-r .cap-row .refresh{width:auto;margin:0;min-height:48px;padding:0 16px}
|
||||
body.site .book-r .site-cal-nav{min-width:44px;min-height:44px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
|
||||
body.site .book-r .site-cal-day{min-width:44px;min-height:44px;border-radius:10px;position:relative;font-weight:500}
|
||||
body.site .book-r .site-cal-day.is-available{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
|
||||
body.site .book-r .site-cal-day.is-available::after{content:"";position:absolute;inset-inline:0;bottom:4px;margin-inline:auto;width:6px;height:6px;border-radius:50%;background:var(--gold)}
|
||||
body.site .book-r .site-cal-day.is-available:hover{box-shadow:inset 0 0 0 1.5px var(--gold)}
|
||||
body.site .book-r .site-cal-day.is-selected{background:var(--forest);color:var(--cream);box-shadow:none}
|
||||
body.site .book-r .site-cal-day.is-unavailable{background:transparent;color:var(--muted);opacity:.5;cursor:default}
|
||||
body.site .success-card{max-width:560px;margin-inline:auto;background:var(--cream);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-2);padding:48px 40px;text-align:center}
|
||||
body.site .success-card h1{font-size:clamp(2rem,3.4vw,2.6rem);margin-bottom:12px}
|
||||
body.site .success-card p{color:var(--muted);margin:0 0 26px}
|
||||
|
||||
/* ---------- Reveal (hidden only when JavaScript runs) ---------- */
|
||||
body.site.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
|
||||
body.site.js [data-reveal].in{opacity:1;transform:none}
|
||||
|
||||
Reference in New Issue
Block a user