caterium/caterium-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: wrap catalog category pills on mobile instead of horizontal scroll

Browse Source 
@media(max-width:720px) forced .sun-catalog-top-toolbar .cats into
flex-wrap:nowrap + overflow:auto, turning the colored category pills
(Боксы/Премиум/Напитки/Дополнения/Посуда...) into a horizontally
scrolling strip that runs off the right edge of the screen instead of
wrapping.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
pavlov346346-source 2026-09-12 18:20:41 +03:00
parent 870cc405dc
commit 5427b71651
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -6506,7 +6506,7 @@ window.SunQR = {
@media(max-width:720px){ @media(max-width:720px){
#sunOrderCards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important} #sunOrderCards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
.sun-order-card-top{grid-template-columns:54px minmax(0,1fr)!important} .sun-order-card-top{grid-template-columns:54px minmax(0,1fr)!important}
#new .sun-catalog-top-toolbar .cats{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:2px!important} #new .sun-catalog-top-toolbar .cats{flex-wrap:wrap!important;overflow:visible;width:100%;padding-bottom:2px!important}
#new .sun-catalog-top-toolbar .cats button{flex:0 0 auto!important} #new .sun-catalog-top-toolbar .cats button{flex:0 0 auto!important}
} }
</style> </style>