From f1ee6082dd55902d3017e7ced52cd6090d311fca Mon Sep 17 00:00:00 2001 From: poignatov Date: Wed, 4 Feb 2026 17:24:06 +0300 Subject: [PATCH] =?UTF-8?q?4.16.1:=20=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6?= =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B6=D0=B5=D0=BB=D0=B0=D0=BD=D0=B8?= =?UTF-8?q?=D0=B9=20=D0=B2=20=D0=B3=D1=80=D1=83=D0=BF=D0=BF=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- VERSION | 2 +- play-life-web/package.json | 2 +- play-life-web/src/components/Wishlist.css | 33 ++++++++++++++++++++--- 3 files changed, 32 insertions(+), 5 deletions(-) diff --git a/VERSION b/VERSION index ecbc3b0..27593c8 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -4.16.0 +4.16.1 diff --git a/play-life-web/package.json b/play-life-web/package.json index 5740cbe..8cc0916 100644 --- a/play-life-web/package.json +++ b/play-life-web/package.json @@ -1,6 +1,6 @@ { "name": "play-life-web", - "version": "4.16.0", + "version": "4.16.1", "type": "module", "scripts": { "dev": "vite", diff --git a/play-life-web/src/components/Wishlist.css b/play-life-web/src/components/Wishlist.css index dcb494c..57ba4c5 100644 --- a/play-life-web/src/components/Wishlist.css +++ b/play-life-web/src/components/Wishlist.css @@ -2,6 +2,7 @@ max-width: 42rem; /* max-w-2xl = 672px */ margin: 0 auto; padding-bottom: 5rem; + container-type: inline-size; } .wishlist-loading { @@ -98,7 +99,7 @@ } .wishlist-project-group-title { - font-size: 1.25rem; + font-size: 1.75rem; font-weight: 600; color: #2c3e50; margin-bottom: 0.75rem; @@ -109,6 +110,7 @@ overflow-x: auto; gap: 1rem; padding-bottom: 0.5rem; + margin-bottom: 1rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } @@ -132,8 +134,33 @@ } .wishlist-project-group-items .wishlist-card { - flex: 0 0 150px; - min-width: 150px; + /* По умолчанию 1 колонка */ + flex: 0 0 100%; + width: 100%; +} + +/* 2 колонки: 316px <= width < 482px */ +@container (min-width: 316px) { + .wishlist-project-group-items .wishlist-card { + flex: 0 0 calc((100cqw - 1rem) / 2); + width: calc((100cqw - 1rem) / 2); + } +} + +/* 3 колонки: 482px <= width < 648px */ +@container (min-width: 482px) { + .wishlist-project-group-items .wishlist-card { + flex: 0 0 calc((100cqw - 2rem) / 3); + width: calc((100cqw - 2rem) / 3); + } +} + +/* 4 колонки: width >= 648px */ +@container (min-width: 648px) { + .wishlist-project-group-items .wishlist-card { + flex: 0 0 calc((100cqw - 3rem) / 4); + width: calc((100cqw - 3rem) / 4); + } } .wishlist-no-project {