Stage 6 (part 2): rest of the client app in the new style, promo code in the order form
Profile with club card, plum theme for buttons/selections and the sticky total, move screens with the full-width hero, services/docs headers, empty docs fix. Promo code field: applies to the quote, shows why a code is rejected, says when the membership discount is bigger. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
ff527ad6d2
commit
bbb25d3d0d
12 files changed
+371
-85
No files matched your search
@@ -827,6 +827,126 @@
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ───── общий вид: слива вместо чёрного ───── */
|
||||
.bc-btn--dark,
|
||||
.bc-chip[aria-pressed='true'],
|
||||
.day[aria-pressed='true'],
|
||||
.slot[aria-pressed='true'] {
|
||||
background: var(--bc-plum);
|
||||
color: #fff;
|
||||
}
|
||||
.option[aria-pressed='true'] {
|
||||
border-color: var(--bc-plum);
|
||||
background: var(--bc-pink);
|
||||
color: var(--bc-plum);
|
||||
}
|
||||
.extra-toggle[aria-pressed='true'] {
|
||||
background: var(--green);
|
||||
border-color: var(--green);
|
||||
color: var(--green-ink);
|
||||
}
|
||||
.bc-input:focus {
|
||||
border-color: var(--bc-plum);
|
||||
}
|
||||
.app .bc-card {
|
||||
border-radius: 26px;
|
||||
}
|
||||
.page-head {
|
||||
padding-top: 4px;
|
||||
}
|
||||
.page-head .bc-h2 {
|
||||
font-weight: 800;
|
||||
font-size: 28px;
|
||||
}
|
||||
/* закреплённый итог в оформлении заказа — сливовый, кнопка розовая */
|
||||
.app .sticky-cta {
|
||||
background: var(--bc-plum);
|
||||
color: #fff;
|
||||
box-shadow: 0 12px 30px rgba(74, 16, 40, 0.35) !important;
|
||||
}
|
||||
.app .sticky-cta .bc-muted {
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
.app .sticky-cta .bc-btn {
|
||||
background: var(--bc-pink);
|
||||
color: var(--bc-plum);
|
||||
}
|
||||
|
||||
/* верх переезда: блок плана внутри сливового верха */
|
||||
.hero.move-hero {
|
||||
gap: 6px;
|
||||
}
|
||||
.hero.move-hero .hero__hello {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* промокод */
|
||||
.promo-form {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
gap: 8px;
|
||||
}
|
||||
.promo-form .pill {
|
||||
min-height: 50px;
|
||||
}
|
||||
.promo-form__error {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
.promo-applied {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
padding: 10px 10px 10px 16px;
|
||||
border-radius: 18px;
|
||||
background: var(--bc-perks);
|
||||
color: var(--bc-perks-ink);
|
||||
}
|
||||
.promo-applied > span {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.promo-applied b {
|
||||
font-family: var(--bc-font-head);
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.promo-applied button {
|
||||
border: 0;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
padding: 8px 14px;
|
||||
border-radius: var(--bc-pill);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* ссылки в профиле */
|
||||
.links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 4px 16px;
|
||||
border-radius: 26px;
|
||||
background: var(--bc-surface);
|
||||
}
|
||||
.links a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
min-height: 54px;
|
||||
border-top: 1px solid var(--bc-line);
|
||||
color: var(--bc-ink);
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
.links a:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
.links a span {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* ───── нижнее меню — слива и розовая кнопка чата ───── */
|
||||
.bc-bottomnav {
|
||||
background: var(--bc-plum);
|
||||
|
||||
Reference in new issue
Block a user