From 97964ede5c273b14076b6e35bbd4d8f422349469 Mon Sep 17 00:00:00 2001
From: Evan Boehs <evan@boehs.org>
Date: Fri, 3 Feb 2023 11:46:24 -0500
Subject: [PATCH] feat: add outline to verified links closes #155

---
 components/account/AccountHeader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index 135819c2..060b9a64 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -156,8 +156,8 @@ const isNotifiedOnPost = $computed(() => !!relationship?.notifying)
           <ContentRich :content="field.value" :emojis="account.emojis" />
         </div>
       </div>
-      <div v-if="iconFields.length" flex="~ wrap gap-4">
-        <div v-for="field in iconFields" :key="field.name" flex="~ gap-1" items-center>
+      <div v-if="iconFields.length" flex="~ wrap gap-2">
+        <div v-for="field in iconFields" :key="field.name" flex="~ gap-1" px1 items-center :class="`${field.verifiedAt ? 'border-1 rounded-full border-dark' : ''}`">
           <CommonTooltip :content="getFieldIconTitle(field.name)">
             <div text-secondary :class="getAccountFieldIcon(field.name)" :title="getFieldIconTitle(field.name)" />
           </CommonTooltip>