fix: avatar overlap

kodadot · May 7, 2024 · ba4a221 · ba4a221
1 parent 2041287
commit ba4a221
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
@@ -202,18 +202,16 @@
             <span class="text-sm text-k-grey">
               {{ $t('profile.followedBy') }}:
             </span>
-            <NeoButton
-              variant="text"
-              class="flex -space-x-3"
-              no-shadow
-              @click="onFollowersClick">
-              <NuxtImg
-                v-for="(follower, index) in followers?.followers"
-                :key="index"
-                :src="follower.image"
-                alt="follower avatar"
-                class="w-8 h-8 rounded-full border object-cover"
-                :style="{ zIndex: 3 - index }" />
+            <NeoButton variant="text" no-shadow @click="onFollowersClick">
+              <div class="flex -space-x-3">
+                <NuxtImg
+                  v-for="(follower, index) in followers?.followers"
+                  :key="index"
+                  :src="follower.image"
+                  alt="follower avatar"
+                  class="w-8 h-8 rounded-full border object-cover"
+                  :style="{ zIndex: 3 - index }" />
+              </div>
             </NeoButton>
 
             <span v-if="followersCount > 3" class="text-sm">