optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix catalog issues: quantity input, checkbox position, glass header
All checks were successful
Build Docker Image / build (push) Successful in 3m21s
Details

Browse Source 
1. Quantity input in Quote mode: replaced button with inline number input
2. Checkbox position: moved to left side (next to panel) instead of right
3. MapPanel glass header: fixed sticky positioning by moving negative margins to children
This commit is contained in:
Ruslan Bakiev
2026-01-24 11:40:33 +07:00
parent 690c76ac79
commit 4d018323e7
5 changed files with 50 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/components/page/CatalogPage.vue
View File

@@ -38,22 +38,22 @@
<span class="text-white text-sm">{{ $t('common.loading') }}</span>
</div>
<!-- View toggle + filter checkbox (top RIGHT overlay, below header) -->
<div class="absolute top-[116px] right-4 z-20 hidden lg:flex items-center gap-2">
<!-- Filter by bounds checkbox (when panel is open) -->
<label
v-if="showPanel"
class="flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors"
>
<input
type="checkbox"
:checked="filterByBounds"
class="checkbox checkbox-xs checkbox-primary"
@change="$emit('update:filter-by-bounds', ($event.target as HTMLInputElement).checked)"
/>
<span>{{ $t('catalog.search.filterByMap') }}</span>
</label>
<!-- Filter by bounds checkbox (LEFT, next to panel) -->
<label
v-if="showPanel"
class="absolute top-[116px] left-[26rem] z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors"
>
<input
type="checkbox"
:checked="filterByBounds"
class="checkbox checkbox-xs checkbox-primary"
@change="$emit('update:filter-by-bounds', ($event.target as HTMLInputElement).checked)"
/>
<span>{{ $t('catalog.search.filterByMap') }}</span>
</label>
<!-- View toggle (top RIGHT overlay, below header) -->
<div class="absolute top-[116px] right-4 z-20 hidden lg:flex items-center gap-2">
<!-- View mode toggle -->
<div class="flex gap-1 bg-black/30 backdrop-blur-md rounded-lg p-1 border border-white/10">
<button