fix: Update the alignment of the info icon on contact info panel (#8216)

This commit is contained in:
Pranav Raj S
2023-10-25 21:30:14 -07:00
committed by GitHub
parent 232fa6fd18
commit b067acfd4a

View File

@@ -18,13 +18,13 @@
</div> </div>
<div class="mt-2 w-full"> <div class="mt-2 w-full">
<div v-if="showAvatar" class="flex items-center mb-2 gap-1.5"> <div v-if="showAvatar" class="flex items-start mb-2 gap-1.5">
<h3 <h3
class="text-base text-slate-800 dark:text-slate-100 capitalize whitespace-normal my-0" class="text-base text-slate-800 dark:text-slate-100 capitalize whitespace-normal my-0"
> >
{{ contact.name }} {{ contact.name }}
</h3> </h3>
<div class="flex flex-row items-start gap-1"> <div class="flex flex-row items-center gap-1">
<fluent-icon <fluent-icon
v-if="contact.created_at" v-if="contact.created_at"
v-tooltip.left=" v-tooltip.left="
@@ -55,7 +55,6 @@
<p v-if="additionalAttributes.description" class="break-words"> <p v-if="additionalAttributes.description" class="break-words">
{{ additionalAttributes.description }} {{ additionalAttributes.description }}
</p> </p>
<social-icons :social-profiles="socialProfiles" />
<div class="mb-3"> <div class="mb-3">
<contact-info-row <contact-info-row
:href="contact.email ? `mailto:${contact.email}` : ''" :href="contact.email ? `mailto:${contact.email}` : ''"
@@ -93,6 +92,7 @@
emoji="🌍" emoji="🌍"
:title="$t('CONTACT_PANEL.LOCATION')" :title="$t('CONTACT_PANEL.LOCATION')"
/> />
<social-icons :social-profiles="socialProfiles" />
</div> </div>
</div> </div>
<div class="flex items-center w-full mt-2 gap-2"> <div class="flex items-center w-full mt-2 gap-2">