Update Iniciativa detail view: enhance header formatting, rename dime…

…nsions to thematic axes, and add location information
DemocraciaEnRed · Jan 31, 2025 · 34e410c · 34e410c
1 parent 190f05a
commit 34e410c
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/components/iniciativas/Detail.client.vue b/components/iniciativas/Detail.client.vue
@@ -33,9 +33,9 @@ const isLoading = computed(() => status.value === 'pending');
       <template #header>
         <div class="flex items-center justify-between">
           <h3
-            class="text-base font-semibold leading-6 text-gray-900 dark:text-white"
+            class="font-inter text-base font-semibold leading-6 text-gray-900 dark:text-white"
           >
-            Iniciativa N° 00{{ props.iniciativaId }}
+            Iniciativa N° {{ addLeadingZeros(props.iniciativaId) }}
           </h3>
           <UButton
             color="gray"
@@ -54,7 +54,7 @@ const isLoading = computed(() => status.value === 'pending');
           <div class="space-y-8">
             <p class="font-bold text-3xl">{{ data.name }}</p>
             <div class="space-y-2">
-              <p class="text-sm text-gray-500">Dimensiones</p>
+              <p class="text-sm text-gray-500">Ejes temáticos</p>
               <div class="flex gap-2">
                 <UBadge 
                 v-for="(dimension, index) in data.dimensions" 
@@ -67,6 +67,10 @@ const isLoading = computed(() => status.value === 'pending');
                 </UBadge>
               </div>
             </div>
+            <div class="space-y-2">
+              <p class="text-sm text-gray-500">Ubicación</p>
+              <p class="">{{ data.subdivision.type }} {{ data.subdivision.name }}, {{ data.subdivision.city.name }}</p>
+            </div>
             <div class="space-y-2">
               <p class="text-sm text-gray-500">Descripción de la iniciativa</p>
               <p class="">{{ data.description }}</p>