Redesign: Start/Stop buttons, locked settings, queue countdown, wb2 logo

- Replace tumbler with Start/Stop buttons (green/red)
- Lock settings form with <fieldset disabled> when auto-reply active
- Clear queue + reset fetch timer on settings save
- Show 'Очередь подгрузится через X сек.' countdown in queue section
- API /status returns next_fetch_seconds, queue_len, auto_reply_enabled
- Login: price 15₽/день, up to 144 replies/day, wb2 logo, promo panel 25% width
- Replace wb.png → wb2.png across all templates

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-15 21:11:56 +03:00
parent bd45267ac0
commit ee946f7f1f
8 changed files with 123 additions and 90 deletions
+41 -35
View File
@@ -897,7 +897,8 @@ textarea:focus {
}
.login-promo {
flex: 0 0 300px;
flex: 0 0 25%;
min-width: 260px;
background: linear-gradient(145deg, #3D0066 0%, #6B0FA8 45%, #CB11AB 100%);
display: flex;
align-items: center;
@@ -1024,7 +1025,7 @@ textarea:focus {
}
.login-form-wrap {
flex: 0 0 420px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
@@ -1374,47 +1375,52 @@ textarea:focus {
}
/* ── Тумблер автоответа ─────────────────────────────────── */
.tumbler {
.btn-start,
.btn-stop {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
border: none;
cursor: pointer;
user-select: none;
transition: opacity var(--t), transform var(--t);
}
.tumbler__input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
.btn-start {
background: #22C55E;
color: #fff;
}
.tumbler__track {
position: relative;
display: inline-block;
width: 52px;
height: 28px;
background: var(--c-border);
border-radius: 14px;
transition: background var(--t);
flex-shrink: 0;
.btn-stop {
background: #EF4444;
color: #fff;
}
.tumbler__thumb {
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
background: #fff;
border-radius: 50%;
transition: transform var(--t);
box-shadow: 0 1px 4px rgba(0,0,0,.25);
.btn-start:hover,
.btn-stop:hover {
opacity: 0.88;
transform: translateY(-1px);
}
.tumbler__input:checked ~ .tumbler__track {
background: #CB11AB;
.autoreply-status {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--c-text-muted);
padding: 8px 0 12px;
border-bottom: 1px solid var(--c-border);
margin-bottom: 16px;
}
.tumbler__input:checked ~ .tumbler__track .tumbler__thumb {
transform: translateX(24px);
}
.tumbler__track:hover {
filter: brightness(0.92);
fieldset:disabled .star-toggle,
fieldset:disabled .filter-option,
fieldset:disabled .pool-item-input,
fieldset:disabled .btn-add-item,
fieldset:disabled button[type="submit"] {
opacity: 0.45;
cursor: not-allowed;
pointer-events: none;
}
/* ── Тег артикула ───────────────────────────────────────── */