bravioo/mapa
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cards universidades con el mismo tamano

Browse Source
This commit is contained in:
María
2025-11-06 12:57:56 +01:00
parent 1f4ab87731
commit e49d8dc16d
3 changed files with 11 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/mapComp.vue
View File

@@ -121,12 +121,14 @@
<div
v-for="u in filteredResults"
:key="u.id"
class="university-item bg-white/90 text-bg p-4 rounded-lg cursor-pointer transition-all border-2 border-transparent hover:bg-white/70"
class="bg-white/90 text-bg p-4 rounded-lg cursor-pointer transition-all border-2 border-transparent hover:bg-white/70 min-h-32 max-h-32 flex flex-col justify-between"
:class="{ 'border-white/30 bg-white/15': selectedUniversity?.id === u.id }"
@click="selectUniversity(u)"
>
<h3 class="text-base font-semibold mb-1">{{ u.university[langcode] }}</h3>
<p class="text-xs opacity-80 mb-2">{{ u.city[langcode] }}, {{ u.country[langcode] }}</p>
<div class="">
<h3 class="text-base font-semibold mb-1">{{ u.university[langcode] }}</h3>
<p class="text-xs opacity-80 mb-2">{{ u.city[langcode] }}, {{ u.country[langcode] }}</p>
</div>
<span class="inline-flex items-center gap-1.5 text-xs font-medium">
<span
class="w-3.5 h-3.5 rounded-full border-2 border-white inline-block"
@@ -253,6 +255,9 @@
<!-- Header -->
<div class="p-5 border-b border-white/10 flex justify-between items-start bg-bg">
<div class="flex-1">
<div v-if="selectedUniversity.logo" class="">
<img :src="selectedUniversity.logo" :alt="`Logo ${selectedUniversity.university[langcode]}`" class="h-10 md:h-14 object-cover" />
</div>
<h2 class="text-xl font-bold mb-2">{{ selectedUniversity.university[langcode] }}</h2>
<p class="text-xs opacity-80">{{ selectedUniversity.city[langcode] }}, {{ selectedUniversity.country[langcode] }}</p>
<div class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-xs bg-white/90 text-surface mt-4">
@@ -344,7 +349,7 @@
</div>
<!-- Share Button -->
<div class="px-5 pb-5 border-t border-white/10 pt-5">
<!-- <div class="px-5 pb-5 border-t border-white/10 pt-5">
<button
class="w-full px-4 py-2.5 bg-transparent border border-white/30 rounded-lg text-sm font-medium hover:bg-white/10 transition-colors flex items-center justify-center gap-2"
@click="shareUniversity"
@@ -354,7 +359,7 @@
<circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/>
</svg>
</button>
</div>
</div> -->
</aside>
</section>