From cac352b355eb4da7cd960fd564885a3ccfad2650 Mon Sep 17 00:00:00 2001 From: Maxim Dolgolyov Date: Fri, 5 Jun 2026 14:08:19 +0300 Subject: [PATCH] =?UTF-8?q?fix(pet):=20=D0=B0=D0=BA=D0=BA=D1=83=D1=80?= =?UTF-8?q?=D0=B0=D1=82=D0=BD=D0=B0=D1=8F=20=D1=80=D0=B0=D1=81=D0=BA=D0=BB?= =?UTF-8?q?=D0=B0=D0=B4=D0=BA=D0=B0=20=D0=B3=D0=B0=D1=80=D0=B4=D0=B5=D1=80?= =?UTF-8?q?=D0=BE=D0=B1=D0=B0=20(=D0=B7=D0=BE=D0=BD=D1=8B=20=E2=80=94=20?= =?UTF-8?q?=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B8,=20=D0=BD=D0=B5=20=D1=81?= =?UTF-8?q?=D0=BB=D0=B8=D0=BF=D0=B0=D1=8E=D1=82=D1=81=D1=8F)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Контейнер #pet-accessories наследовал старый .pet-accessories (display:flex center) → панель действий и зоны сваливались в один поток. Снял класс + #pet-accessories{display:block}: тулбар с разделителем сверху, каждая зона — отдельная строка (подпись справа фикс-ширины + плитки), тонкие разделители, иконки на кнопках «Случайный образ»/«Снять всё». Co-Authored-By: Claude Opus 4.8 (1M context) --- frontend/pet.html | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/frontend/pet.html b/frontend/pet.html index a9f2dc0..21d79a6 100644 --- a/frontend/pet.html +++ b/frontend/pet.html @@ -341,17 +341,20 @@ cursor:help; max-width:230px; } /* Гардероб по зонам */ - .wr-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px; flex-wrap:wrap; } - .wr-count { font-size:.74rem; color:var(--text-2); font-weight:700; } + #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); } + .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; } .wr-btn { display:inline-flex; align-items:center; gap:5px; padding:6px 13px; border-radius:99px; border:1.5px solid var(--border-h); 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:flex-start; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06); } - .wr-zone:last-child { border-bottom:none; } - .wr-zone-lbl { width:60px; flex-shrink:0; padding-top:8px; font-size:.62rem; font-weight:800; color:var(--text-3); - text-transform:uppercase; letter-spacing:.05em; } + .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-chips { display:flex; flex-wrap:wrap; gap:7px; flex:1; } .wr-tile { display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:12px; border:1.5px solid var(--border-h); background:rgba(255,255,255,.03); color:var(--text-2); font:600 .76rem 'Manrope',sans-serif; cursor:pointer; transition:all .15s; } @@ -553,8 +556,8 @@
-
Нажми, чтобы надеть или снять. Заблокированные открываются за достижения. По одному предмету на зону (голова / лицо / шея / уши / акцент).
-
+
Нажми, чтобы надеть или снять. Заблокированные открываются за достижения. По одному предмету на зону.
+