Улучшена мобильная адаптация и поведение фильтров на главной

This commit is contained in:
2026-04-16 16:42:47 +00:00
parent 09b66be20f
commit 342d9e3cfc
4 changed files with 314 additions and 2 deletions

View File

@@ -75,3 +75,88 @@
th:first-child { z-index: 3; }
td input { transform: scale(1.05); }
.matrix-tip { margin:0 0 6px; font-size:12px; color:#37507d; }
@media (max-width: 980px) {
.wrap {
width: calc(100% - 16px);
margin: 8px auto 16px;
}
.top {
flex-direction: column;
align-items: stretch;
padding: 12px;
}
.top > div:last-child {
width: 100%;
display: grid !important;
grid-template-columns: 1fr 1fr;
}
.top > div:last-child a,
.top > div:last-child form,
.top > div:last-child button {
width: 100%;
}
.scope-switch {
flex-wrap: wrap;
}
.scope-chip {
flex: 1 1 auto;
text-align: center;
}
.grid {
grid-template-columns: 1fr;
}
.lists {
grid-template-columns: 1fr;
}
.list-box {
max-height: 300px;
}
.list-item {
align-items: flex-start;
flex-wrap: wrap;
}
.matrix-wrap {
padding: 8px;
}
.matrix-scroll {
max-height: 62vh;
}
th, td {
font-size: 11px;
padding: 5px;
}
th:first-child,
td:first-child {
min-width: 170px;
}
input[type="text"],
select,
button {
min-height: 40px;
}
}
@media (max-width: 600px) {
.top > div:last-child {
grid-template-columns: 1fr;
}
.inline-product {
grid-template-columns: 1fr;
}
.matrix-h-scroll {
height: 24px;
}
.matrix-scroll::-webkit-scrollbar,
.matrix-h-scroll::-webkit-scrollbar {
height: 18px;
width: 12px;
}
th:first-child,
td:first-child {
min-width: 145px;
}
.matrix-tip {
font-size: 11px;
}
}