fix: small screen

kodadot · May 7, 2024 · e0b6b6e · e0b6b6e
1 parent 0da1283
commit e0b6b6e
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/components/profile/follow/UserRow.vue b/components/profile/follow/UserRow.vue
@@ -7,9 +7,10 @@
         alt="follower avatar"
         class="w-12 h-12 rounded-full border object-cover mr-4" />
       <div class="flex flex-col gap-[6px]">
-        <span class="text-k-black font-bold truncate max-w-[10rem]">{{
-          user.name
-        }}</span>
+        <span
+          class="text-k-black font-bold truncate max-w-[10rem] max-sm:max-w-[8rem]"
+          >{{ user.name }}</span
+        >
         <p class="text-sm">
           {{ followersCount }}
           <span class="text-k-grey">{{