Migrate locator-tool to Vue

simon04 · Feb 4, 2024 · abcf236 · abcf236
1 parent 3e4e872
commit abcf236
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/app/components/ltFileMetadata.vue b/app/components/ltFileMetadata.vue
@@ -5,15 +5,13 @@
     <svg class="octicon">
       <use xlink:href="#calendar"></use>
     </svg>
-
-    <time v-html="file.timestamp"></time>
+    <time class="ps-1" v-html="file.timestamp"></time>
   </div>
   <div v-if="file.author" class="small">
     <svg class="octicon">
       <use xlink:href="#person"></use>
     </svg>
-
-    <span v-html="file.author"></span>
+    <span class="ps-1" v-html="file.author"></span>
   </div>
   <a
     v-for="category in file.categories"
@@ -22,9 +20,9 @@
     :href="`https://commons.wikimedia.org/wiki/Category:${category}`"
     target="_blank"
   >
-    <span class="badge bg-secondary me-1 text-truncate" style="max-width: 100%">{{
-      category
-    }}</span>
+    <span class="badge bg-secondary me-1 text-truncate" style="max-width: 100%">
+      {{ category }}
+    </span>
   </a>
 </template>
 

diff --git a/app/components/ltGeolocate.vue b/app/components/ltGeolocate.vue
@@ -65,12 +65,16 @@
             :class="{'list-group-item-info': $title === title}"
             @click="$title = title"
           >
-            <abbr v-if="title.coordinates.isDefinedAndSaved" title="Location ✔">
+            <abbr v-if="title.coordinates.isDefinedAndSaved" class="pe-1" title="Location ✔">
               <svg class="octicon">
                 <use xlink:href="#device-camera"></use>
               </svg>
             </abbr>
-            <abbr v-if="title.objectLocation.isDefinedAndSaved" title="Object location ✔">
+            <abbr
+              v-if="title.objectLocation.isDefinedAndSaved"
+              class="pe-1"
+              title="Object location ✔"
+            >
               <svg class="octicon">
                 <use xlink:href="#squirrel"></use>
               </svg>