diff --git a/miniapp/assets/app.js b/miniapp/assets/app.js index 9d33fd3..254fc25 100644 --- a/miniapp/assets/app.js +++ b/miniapp/assets/app.js @@ -199,11 +199,10 @@ async function renderManagerHome(me) { // Quick actions const quickActions = [ - { icon: "user", title: "Клиенты", subtitle: "История + хронология", href: "#/clients" }, - { icon: "plus", title: "Новый клиент", subtitle: "Завести карточку", href: "#/clients/new" }, - { icon: "package", title: "Подбор техники", subtitle: "Встройка + AI", href: "#/podbor" }, - { icon: "ruler", title: "Заказать замер", subtitle: "Назначить замерщика", href: "#/request" }, - { icon: "wrench", title: "Сборки", subtitle: "Заявки на сборку", href: "#/assembly" }, + { icon: "user", title: "Клиенты", subtitle: "История + хронология", href: "#/clients" }, + { icon: "clipboard", title: "Заказы", subtitle: "Сборки + заявки", href: "#/assembly" }, + { icon: "package", title: "Подбор техники", subtitle: "Встройка + AI", href: "#/podbor" }, + { icon: "ruler", title: "Заказать замер", subtitle: "Назначить замерщика", href: "#/request" }, ]; app.appendChild(el(`
Быстрые действия
`)); const grid = el(`
`); @@ -445,9 +444,9 @@ function renderManagerToday(container, measurements, firstName, greetingEl) { if (todayEvents.length === 0 && overdueEvents.length === 0 && noDateEvents.length === 0) { container.appendChild(el(` -
-
Свободный день
-
Замеров на сегодня нет.
Можно поработать с клиентами или заказать новые замеры.
+
+
Свободный день
+
Замеров на сегодня нет · можно поработать с клиентами или заказать новые замеры
`)); } @@ -1618,7 +1617,7 @@ function hideSplash() { const splash = document.getElementById("splash"); if (!splash) return; const elapsed = Date.now() - _splashStart; - const minShow = 1200; // минимум показа, мс — 1.2 сек хватает чтобы рассмотреть лого и не блокировать UI + const minShow = 840; // минимум показа, мс — было 1200, сокращено на 30% const wait = Math.max(0, minShow - elapsed); setTimeout(() => { splash.classList.add("hide"); diff --git a/miniapp/assets/styles.css b/miniapp/assets/styles.css index 1fa7dd5..3e4b46d 100644 --- a/miniapp/assets/styles.css +++ b/miniapp/assets/styles.css @@ -1361,3 +1361,120 @@ html[data-variant="d"] .section-head .label { letter-spacing: 0.16em; color: var(--ink-2); } + +/* ============================================================ + Client list cards — все темы + Явные стили чтобы текст не сливался с фоном ни в одной теме + ============================================================ */ +.client-list { + display: flex; + flex-direction: column; + gap: var(--s3); +} + +.client-card { + background: var(--card); + border: 1px solid var(--line-strong); + border-radius: var(--r-card); + padding: var(--s4); + cursor: pointer; + transition: background 0.12s; +} + +.client-card:active { background: var(--paper-2); } + +.client-card-head { + display: flex; + align-items: center; + gap: var(--s3); + margin-bottom: 6px; +} + +.client-avatar { + width: 36px; + height: 36px; + border-radius: var(--r-pill); + background: var(--warm); + display: flex; + align-items: center; + justify-content: center; + font-family: var(--font-ui); + font-size: 14px; + font-weight: 600; + color: var(--accent-1); + flex-shrink: 0; + text-transform: uppercase; + user-select: none; +} + +.client-avatar.lg { + width: 48px; + height: 48px; + font-size: 18px; +} + +.client-meta { + flex: 1; + min-width: 0; +} + +.client-name { + font-family: var(--font-ui); + font-size: 13.5px; + font-weight: 600; + color: var(--ink); + line-height: 1.2; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.client-phone { + font-family: var(--font-mono); + font-size: 9.5px; + font-weight: 500; + letter-spacing: 0.05em; + color: var(--muted); + margin-top: 2px; +} + +.client-arrow { + color: var(--muted); + flex-shrink: 0; +} + +.client-footer { + display: flex; + justify-content: space-between; + align-items: center; + font-family: var(--font-mono); + font-size: 9.5px; + font-weight: 500; + letter-spacing: 0.06em; + text-transform: uppercase; + color: var(--muted); +} + +.client-detail-head { + display: flex; + align-items: center; + gap: var(--s3); +} + +.client-detail-name { + font-family: var(--font-ui); + font-size: 20px; + font-weight: 700; + color: var(--ink); + margin: 0 0 2px; + letter-spacing: -0.01em; +} + +.client-detail-meta { + font-family: var(--font-mono); + font-size: 10px; + font-weight: 500; + letter-spacing: 0.08em; + text-transform: uppercase; + color: var(--muted); +} diff --git a/miniapp/index.html b/miniapp/index.html index 7ec980f..37a12a0 100644 --- a/miniapp/index.html +++ b/miniapp/index.html @@ -12,8 +12,8 @@ - - + + @@ -38,13 +38,13 @@ - - + + - - - + + + - +