Fix UI issues: 3 columns, SubNav label, back button, sticky map, hover flyTo
All checks were successful
Build Docker Image / build (push) Successful in 4m14s

- Homepage roles section now shows 3 columns on medium screens
- SubNavigation catalog offers label changed to "Предложения"
- Removed back button from catalog/offers page
- ListMapLayout: sticky map with full height
- ListMapLayout: hover on card flies to location on map
This commit is contained in:
Ruslan Bakiev
2026-01-08 10:00:59 +07:00
parent 1a0305011f
commit e629025899
6 changed files with 21 additions and 13 deletions

View File

@@ -26,6 +26,7 @@
v-else-if="items.length"
:items="itemsForMap"
:selected-item-id="selectedOrderId"
:hovered-item-id="hoveredOrderId"
map-id="orders-map"
point-color="#6366f1"
@select-item="onSelectOrder"
@@ -42,6 +43,8 @@
class="cursor-pointer"
:class="{ 'ring-2 ring-primary': order.uuid === selectedOrderId }"
@click="onSelectOrder(order.uuid)"
@mouseenter="hoveredOrderId = order.uuid"
@mouseleave="hoveredOrderId = undefined"
>
<Stack gap="4">
<Stack direction="row" justify="between" align="center">
@@ -132,6 +135,7 @@ const {
const hasError = ref(false)
const error = ref('')
const selectedOrderId = ref<string>()
const hoveredOrderId = ref<string>()
// Map items for ListMapLayout (use source location coordinates)
const itemsForMap = computed(() => {