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:
+41
-35
@@ -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;
|
||||
}
|
||||
|
||||
/* ── Тег артикула ───────────────────────────────────────── */
|
||||
|
||||
Reference in New Issue
Block a user