fix: Update the alignment of the info icon on contact info panel (#8216)
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user