CalvinBackup/deflock
1
0
Fork 0
mirror of https://github.com/FoggedLens/deflock.git synced 2026-09-28 11:41:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

smaller mobile searchbar

Browse Source
This commit is contained in:
Will Freeman
2024-10-04 15:45:17 -05:00
parent 0f432e724f
commit c3edcc6e20
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/src/views/HomeView.vue
+5 -4
View File
@@ -17,6 +17,8 @@
> >
<l-control position="topleft"> <l-control position="topleft">
<v-text-field <v-text-field
:rounded="xs || undefined"
:density="xs ? 'compact' : 'default'"
class="map-search" class="map-search"
ref="searchField" ref="searchField"
prepend-inner-icon="mdi-magnify" prepend-inner-icon="mdi-magnify"
@@ -67,6 +69,7 @@ import { useRouter } from 'vue-router'
import type { Ref } from 'vue'; import type { Ref } from 'vue';
import { BoundingBox } from '@/services/apiService'; import { BoundingBox } from '@/services/apiService';
import { getALPRs, geocodeQuery } from '@/services/apiService'; import { getALPRs, geocodeQuery } from '@/services/apiService';
import { useDisplay } from 'vuetify';
const zoom: Ref<number> = ref(13); const zoom: Ref<number> = ref(13);
const center: Ref<any|null> = ref(null); const center: Ref<any|null> = ref(null);
@@ -74,6 +77,7 @@ const bounds: Ref<BoundingBox|null> = ref(null);
const searchField: Ref<any|null> = ref(null); const searchField: Ref<any|null> = ref(null);
const searchQuery: Ref<string> = ref(''); const searchQuery: Ref<string> = ref('');
const router = useRouter(); const router = useRouter();
const { xs } = useDisplay();
const canRefreshMarkers = computed(() => zoom.value >= 10); const canRefreshMarkers = computed(() => zoom.value >= 10);
@@ -216,10 +220,7 @@ onMounted(() => {
} }
.map-search { .map-search {
/* position: absolute; width: calc(100vw - 22px);
top: 16px;
left: 16px; */
width: calc(100vw - 32px);
max-width: 400px; max-width: 400px;
z-index: 1000; z-index: 1000;
} }
webapp/src/views/RoadmapView.vue
-5
View File
@@ -17,11 +17,6 @@
<h2>Upcoming Features</h2> <h2>Upcoming Features</h2>
<div class="ml-4"> <div class="ml-4">
<h3><v-icon start>mdi-magnify</v-icon>Search Functionality</h3>
<p>
Search the map for specific locations, cities, or regions.
</p>
<h3><v-icon start>mdi-map-marker-plus</v-icon>Report an ALPR on this Site</h3> <h3><v-icon start>mdi-map-marker-plus</v-icon>Report an ALPR on this Site</h3>
<p> <p>
Report ALPRs directly from this site, without having to use the OSM Editor or copy and paste object tags. Report ALPRs directly from this site, without having to use the OSM Editor or copy and paste object tags.