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

fix(catalog): add badge when selecting from list + fix checkbox position
All checks were successful
Build Docker Image / build (push) Successful in 3m51s
Details

Browse Source 
- onSelectItem now calls selectItem to add filter badge
- Checkbox repositioned to left-[420px] to not hide behind panel
- Hide List button when panel is open
This commit is contained in:
Ruslan Bakiev
2026-01-26 18:15:26 +07:00
parent 263e60e003
commit 69bb978526
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,8 +39,9 @@
<span class="text-white text-sm">{{ $t('common.loading') }}</span>
</div>
<!-- List button (LEFT, opens panel) -->
<!-- List button (LEFT, opens panel) - hide when panel is open -->
<button
v-if="!isPanelOpen"
class="absolute top-[116px] left-4 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 text-white text-sm hover:bg-black/40 transition-colors"
@click="openPanel"
>
@@ -48,10 +49,10 @@
<span>{{ $t('catalog.list') }}</span>
</button>
<!-- Filter by bounds checkbox (LEFT, next to list button, only when panel is open) -->
<!-- Filter by bounds checkbox (LEFT, next to panel when open) -->
<label
v-if="isPanelOpen"
class="absolute top-[116px] left-32 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"
class="absolute top-[116px] left-[420px] 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"