From 98c3775c9e244692bb6e7178533974b44061f7a1 Mon Sep 17 00:00:00 2001 From: Maxim Dolgolyov Date: Fri, 5 Jun 2026 14:29:16 +0300 Subject: [PATCH] =?UTF-8?q?style(pet):=20=D0=B7=D0=BE=D0=BD=D1=8B=20=D0=B3?= =?UTF-8?q?=D0=B0=D1=80=D0=B4=D0=B5=D1=80=D0=BE=D0=B1=D0=B0=20=E2=80=94=20?= =?UTF-8?q?=D0=BE=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20=D0=BA?= =?UTF-8?q?=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=BA=D0=B8=20(=D1=87=D1=91?= =?UTF-8?q?=D1=82=D0=BA=D0=BE=D0=B5=20=D1=80=D0=B0=D0=B7=D0=B3=D1=80=D0=B0?= =?UTF-8?q?=D0=BD=D0=B8=D1=87=D0=B5=D0=BD=D0=B8=D0=B5)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Тонкие линии-разделители заменены на карточки зон (фон + рамка + отступы), тулбар «Надето/кнопки» отделён отступом. Блоки больше не сливаются. Co-Authored-By: Claude Opus 4.8 (1M context) --- frontend/pet.html | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/frontend/pet.html b/frontend/pet.html index 656da54..bb288b4 100644 --- a/frontend/pet.html +++ b/frontend/pet.html @@ -383,7 +383,7 @@ /* Гардероб по зонам */ #pet-accessories { display:block; } .wr-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; - padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.08); } + padding-bottom:12px; margin-bottom:13px; border-bottom:1px solid rgba(255,255,255,.08); } .wr-count { font-size:.76rem; color:var(--text-2); font-weight:700; } .wr-count b { color:#c9a6ff; } .wr-actions { display:flex; gap:7px; flex-wrap:wrap; } @@ -391,10 +391,11 @@ background:rgba(255,255,255,.03); color:var(--text-2); font:700 .72rem 'Manrope',sans-serif; cursor:pointer; transition:all .15s; } .wr-btn svg { width:12px; height:12px; } .wr-btn:hover { border-color:var(--violet); color:var(--text); } - .wr-zone { display:flex; align-items:center; gap:14px; padding:11px 2px; border-bottom:1px solid rgba(255,255,255,.06); } - .wr-zone:last-child { border-bottom:none; padding-bottom:2px; } - .wr-zone-lbl { width:62px; flex-shrink:0; text-align:right; font-size:.6rem; font-weight:800; color:var(--text-3); - text-transform:uppercase; letter-spacing:.06em; } + .wr-zone { display:flex; align-items:center; gap:13px; padding:10px 14px; margin-bottom:8px; + background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); border-radius:13px; } + .wr-zone:last-child { margin-bottom:0; } + .wr-zone-lbl { width:56px; flex-shrink:0; font-size:.58rem; font-weight:800; color:var(--text-3); + text-transform:uppercase; letter-spacing:.07em; } .wr-chips { display:flex; flex-wrap:wrap; gap:7px; flex:1; } .wr-tile { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:12px; border:1.5px solid var(--border-h); background:rgba(255,255,255,.04); color:var(--text-2); font:600 .77rem 'Manrope',sans-serif; cursor:pointer; transition:all .16s; }