diff --git a/mockup.html b/mockup.html index a66d7ad..3840370 100644 --- a/mockup.html +++ b/mockup.html @@ -890,6 +890,20 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei .hc-text-inp:focus{border-color:#9f1239} .hc-send-btn{background:#9f1239;color:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s} .hc-send-btn:hover{background:#7f1d2e} +.hc-mic-btn{background:transparent;border:1.5px solid #e5e7eb;color:#6b7280;border-radius:50%;width:34px;height:34px;font-size:15px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0} +.hc-mic-btn:hover{border-color:#9f1239;color:#9f1239} +.hc-mic-btn.recording{background:#fee2e2;border-color:#9f1239;color:#9f1239;animation:micPulse .7s ease-in-out infinite} +@keyframes micPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}} +.svc-order-card{margin:10px 0 14px 48px;border:1.5px solid #e5e7eb;border-radius:14px;padding:16px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)} +.svc-ico{font-size:26px;margin-bottom:8px} +.svc-name{font-size:15px;font-weight:700;color:#1f2937;margin-bottom:4px} +.svc-desc{font-size:12px;color:#6b7280;margin-bottom:8px;line-height:1.45} +.svc-price{font-size:18px;font-weight:700;color:#9f1239} +.svc-time{font-size:12px;font-weight:400;color:#6b7280} +.svc-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center} +.svc-btn-detail{padding:7px 16px;font-size:13px;background:transparent;border:1.5px solid #9f1239;color:#9f1239;border-radius:20px;cursor:pointer;transition:all .15s;font-family:inherit} +.svc-btn-detail:hover{background:#fff5f7} +.svc-detail-inp-row{display:flex;gap:8px;margin-top:10px;align-items:center} .hero-tw-cur{color:rgba(255,255,255,.5);font-size:18px;flex-shrink:0;line-height:1;animation:twBlink .65s step-start infinite} @keyframes twBlink{0%,100%{opacity:1}50%{opacity:0}} .hero-tw-text{font-size:14px;font-weight:600;color:rgba(255,255,255,.82);line-height:1.4} @@ -1161,6 +1175,7 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
💬 Другой вопрос