maxim.dolgolyov/Learn_System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(pet): зоны гардероба — отдельные карточки (чёткое разграничение)

Browse Source 
Тонкие линии-разделители заменены на карточки зон (фон + рамка + отступы),
тулбар «Надето/кнопки» отделён отступом. Блоки больше не сливаются.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
2026-06-05 14:29:16 +03:00
parent 442c748e81
commit 98c3775c9e
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/pet.html
+6 -5
View File
@@ -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; }