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
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:
@@ -15,6 +15,7 @@
|
||||
v-else-if="items.length"
|
||||
:items="itemsForMap"
|
||||
:selected-item-id="selectedAddressId"
|
||||
:hovered-item-id="hoveredAddressId"
|
||||
map-id="addresses-map"
|
||||
point-color="#10b981"
|
||||
@select-item="onSelectAddress"
|
||||
@@ -42,6 +43,8 @@
|
||||
interactive
|
||||
:class="{ 'ring-2 ring-primary': addr.uuid === selectedAddressId }"
|
||||
@click.prevent="onSelectAddress(addr.uuid)"
|
||||
@mouseenter="hoveredAddressId = addr.uuid"
|
||||
@mouseleave="hoveredAddressId = undefined"
|
||||
>
|
||||
<div class="flex flex-col gap-1">
|
||||
<Text size="base" weight="semibold" class="truncate">{{ addr.name }}</Text>
|
||||
@@ -92,6 +95,7 @@ const {
|
||||
} = useTeamAddresses()
|
||||
|
||||
const selectedAddressId = ref<string>()
|
||||
const hoveredAddressId = ref<string>()
|
||||
|
||||
// Map items for ListMapLayout
|
||||
const itemsForMap = computed(() => {
|
||||
|
||||
Reference in New Issue
Block a user