wasrusgen/zov-tech
1
0
Fork 0
mirror of https://github.com/wasrusgen/zov-tech.git synced 2026-06-03 17:44:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(podbor): niche inputs overflow — min-width:0 + shorter placeholders

Browse Source
This commit is contained in:
wasrusgen 2026-05-09 13:43:17 +03:00
parent d1165d5e4f
commit 571297c017
3 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
miniapp/assets/podbor.css
View File

@ -227,17 +227,25 @@
font-weight: 500; font-weight: 500;
color: var(--ink-2); 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 { .niche-inputs input {
min-width: 0; /* критично — иначе input не даёт колонке сжиматься */
width: 100%;
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 13px; font-size: 12.5px;
padding: 9px 10px; padding: 8px 4px;
text-align: center; text-align: center;
background: var(--paper); background: var(--paper);
border: 1px solid var(--line); border: 1px solid var(--line);
border-radius: var(--r-tag); border-radius: var(--r-tag);
color: var(--ink); color: var(--ink);
} }
.niche-inputs input::placeholder { font-size: 11px; }
.budget-list { display: flex; flex-direction: column; gap: var(--s2); } .budget-list { display: flex; flex-direction: column; gap: var(--s2); }
.field-inline { .field-inline {

6
miniapp/assets/podbor.js
View File

@ -200,9 +200,9 @@ const Podbor = (function () {
<div class="niche-row"> <div class="niche-row">
<div class="niche-label">${cat.label}</div> <div class="niche-label">${cat.label}</div>
<div class="niche-inputs"> <div class="niche-inputs">
<input type="number" data-niche="${c}.w" value="${n.w || ""}" placeholder="Ш, мм"> <input type="number" data-niche="${c}.w" value="${n.w || ""}" placeholder="Ш">
<input type="number" data-niche="${c}.h" value="${n.h || ""}" placeholder="В, мм"> <input type="number" data-niche="${c}.h" value="${n.h || ""}" placeholder="В">
<input type="number" data-niche="${c}.d" value="${n.d || ""}" placeholder="Г, мм"> <input type="number" data-niche="${c}.d" value="${n.d || ""}" placeholder="Г">
</div> </div>
</div> </div>
`; `;

12
miniapp/index.html
View File

@ -12,8 +12,8 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<script src="https://telegram.org/js/telegram-web-app.js"></script> <script src="https://telegram.org/js/telegram-web-app.js"></script>
<link rel="stylesheet" href="assets/styles.css?v=20260509k"> <link rel="stylesheet" href="assets/styles.css?v=20260509l">
<link rel="stylesheet" href="assets/podbor.css?v=20260509k"> <link rel="stylesheet" href="assets/podbor.css?v=20260509l">
</head> </head>
<body> <body>
<main id="app"> <main id="app">
@ -21,9 +21,9 @@
<div class="spinner"></div> <div class="spinner"></div>
</div> </div>
</main> </main>
<script src="assets/icons.js?v=20260509k"></script> <script src="assets/icons.js?v=20260509l"></script>
<script src="assets/podbor.config.js?v=20260509k"></script> <script src="assets/podbor.config.js?v=20260509l"></script>
<script src="assets/podbor.js?v=20260509k"></script> <script src="assets/podbor.js?v=20260509l"></script>
<script src="assets/app.js?v=20260509k"></script> <script src="assets/app.js?v=20260509l"></script>
</body> </body>
</html> </html>