201 előtti mentés
This commit is contained in:
@@ -40,11 +40,11 @@
|
||||
</div>
|
||||
<div class="legend">
|
||||
<div class="legend-item">
|
||||
<img src="/marker-pending.png" alt="Pending" class="legend-icon" />
|
||||
<img src="/marker-pending.svg" alt="Pending" class="legend-icon" />
|
||||
<span>Pending</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<img src="/marker-approved.png" alt="Approved" class="legend-icon" />
|
||||
<img src="/marker-approved.svg" alt="Approved" class="legend-icon" />
|
||||
<span>Approved</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -53,7 +53,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { LMap, LTileLayer, LMarker, LPopup, LIcon } from '@vue-leaflet/vue-leaflet'
|
||||
import { LMap, LTileLayer, LMarker, LPopup, LIcon } from 'vue3-leaflet'
|
||||
import 'leaflet/dist/leaflet.css'
|
||||
import type { Service } from '~/composables/useServiceMap'
|
||||
|
||||
@@ -70,7 +70,7 @@ const selectedService = ref<Service | null>(null)
|
||||
const services = ref<Service[]>(props.services || [])
|
||||
|
||||
const getMarkerIcon = (status: string) => {
|
||||
return status === 'approved' ? '/marker-approved.png' : '/marker-pending.png'
|
||||
return status === 'approved' ? '/marker-approved.svg' : '/marker-pending.svg'
|
||||
}
|
||||
|
||||
const openPopup = (service: Service) => {
|
||||
@@ -178,7 +178,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.pending {
|
||||
color: #ffc107;
|
||||
color: #3b82f6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user