diff --git a/src/components/maps/overlay/SearchMapSwitch.vue b/src/components/maps/overlay/SearchMapSwitch.vue new file mode 100644 index 00000000..fc3d08a1 --- /dev/null +++ b/src/components/maps/overlay/SearchMapSwitch.vue @@ -0,0 +1,48 @@ + + + + + + + \ No newline at end of file diff --git a/src/components/maps/overlay/SearchMarkers.vue b/src/components/maps/overlay/SearchMarkers.vue index 719dd4e2..8dbbf1af 100644 --- a/src/components/maps/overlay/SearchMarkers.vue +++ b/src/components/maps/overlay/SearchMarkers.vue @@ -4,6 +4,7 @@ import type { SearchMode } from '@/types/Search'; import { onClickOutside, useFocus, useFocusWithin, useLocalStorage, useMagicKeys, whenever } from '@vueuse/core'; import { computed, onMounted, ref, onUpdated, watch } from 'vue'; import SearchMarkersTags from './SearchMarkersTags.vue'; +import SearchMapSwitch from './SearchMapSwitch.vue'; const props = defineProps<{ markers: MapMarker[], @@ -196,6 +197,8 @@ function resetAllFields(actionAfter?: "focusAfter") { + + @@ -264,7 +267,7 @@ function resetAllFields(actionAfter?: "focusAfter") { .toolbar { @media screen and (width >= 900px) { display: flex; - gap: 1.5rem; + gap: .75rem; align-items: start; } @@ -279,6 +282,7 @@ function resetAllFields(actionAfter?: "focusAfter") { @media screen and (width >= 900px) { width: 25%; + margin-right: .75rem; } .input-w { @@ -351,7 +355,7 @@ function resetAllFields(actionAfter?: "focusAfter") { .player-btn { margin-left: .25rem; - + .icon { font-size: 1.5em; fill: var(--red-500);