From 571297c017c2a5762c8115217ea0515fc07bcc9d Mon Sep 17 00:00:00 2001 From: wasrusgen Date: Sat, 9 May 2026 13:43:17 +0300 Subject: [PATCH] =?UTF-8?q?fix(podbor):=20niche=20inputs=20overflow=20?= =?UTF-8?q?=E2=80=94=20min-width:0=20+=20shorter=20placeholders?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- miniapp/assets/podbor.css | 14 +++++++++++--- miniapp/assets/podbor.js | 6 +++--- miniapp/index.html | 12 ++++++------ 3 files changed, 20 insertions(+), 12 deletions(-) diff --git a/miniapp/assets/podbor.css b/miniapp/assets/podbor.css index 1fd84ea..0110765 100644 --- a/miniapp/assets/podbor.css +++ b/miniapp/assets/podbor.css @@ -227,17 +227,25 @@ font-weight: 500; color: var(--ink-2); } -.niche-inputs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; } +.niche-inputs { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 6px; + min-width: 0; +} .niche-inputs input { + min-width: 0; /* критично — иначе input не даёт колонке сжиматься */ + width: 100%; font-family: var(--font-mono); - font-size: 13px; - padding: 9px 10px; + font-size: 12.5px; + padding: 8px 4px; text-align: center; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-tag); color: var(--ink); } +.niche-inputs input::placeholder { font-size: 11px; } .budget-list { display: flex; flex-direction: column; gap: var(--s2); } .field-inline { diff --git a/miniapp/assets/podbor.js b/miniapp/assets/podbor.js index 7c16dee..2a9daa9 100644 --- a/miniapp/assets/podbor.js +++ b/miniapp/assets/podbor.js @@ -200,9 +200,9 @@ const Podbor = (function () {
${cat.label}
- - - + + +
`; diff --git a/miniapp/index.html b/miniapp/index.html index cefda86..9aa1607 100644 --- a/miniapp/index.html +++ b/miniapp/index.html @@ -12,8 +12,8 @@ - - + +
@@ -21,9 +21,9 @@
- - - - + + + +