Avatar styling

packages/frontend-2/components/settings/workspaces/members/GuestsTable.vue

@@ -24,13 +24,7 @@
     >
       <template #name="{ item }">
         <div class="flex items-center gap-2">
-          <UserAvatar
-            hide-tooltip
-            :user="item.user"
-            light-style
-            class="bg-foundation"
-            no-bg
-          />
+          <UserAvatar hide-tooltip :user="item.user" />
           <span class="truncate text-body-xs text-foreground">
             {{ item.user.name }}
           </span>

packages/frontend-2/components/settings/workspaces/members/InvitesTable.vue

@@ -29,14 +29,7 @@
     >
       <template #name="{ item }">
         <div class="flex items-center gap-2">
-          <UserAvatar
-            v-if="item.user"
-            hide-tooltip
-            :user="item.user"
-            light-style
-            class="bg-foundation"
-            no-bg
-          />
+          <UserAvatar v-if="item.user" hide-tooltip :user="item.user" />
           <span class="truncate text-body-xs text-foreground">{{ item.title }}</span>
         </div>
       </template>

packages/frontend-2/components/settings/workspaces/members/JoinRequestsTable.vue

@@ -17,13 +17,7 @@
     >
       <template #name="{ item }">
         <div class="flex items-center gap-2">
-          <UserAvatar
-            hide-tooltip
-            :user="item.user"
-            light-style
-            class="bg-foundation"
-            no-bg
-          />
+          <UserAvatar hide-tooltip :user="item.user" />
           <span class="truncate text-body-xs text-foreground">
             {{ item.user.name }}
           </span>

packages/frontend-2/components/settings/workspaces/members/new/GuestsTable.vue

@@ -41,7 +41,13 @@
     >
       <template #name="{ item }">
         <div class="flex items-center gap-2">
-          <UserAvatar hide-tooltip :user="item.user" />
+          <UserAvatar
+            hide-tooltip
+            :user="item.user"
+            light-style
+            class="bg-foundation"
+            no-bg
+          />
           <span class="truncate text-body-xs text-foreground">
             {{ item.user.name }}
           </span>

packages/frontend-2/components/settings/workspaces/members/new/InvitesTable.vue

@@ -29,7 +29,14 @@
     >
       <template #name="{ item }">
         <div class="flex items-center gap-2">
-          <UserAvatar v-if="item.user" hide-tooltip :user="item.user" />
+          <UserAvatar
+            v-if="item.user"
+            hide-tooltip
+            :user="item.user"
+            light-style
+            class="bg-foundation"
+            no-bg
+          />
           <span class="truncate text-body-xs text-foreground">{{ item.title }}</span>
           <CommonBadge
             rounded

packages/frontend-2/components/settings/workspaces/members/new/JoinRequestsTable.vue

@@ -17,7 +17,13 @@
     >
       <template #name="{ item }">
         <div class="flex items-center gap-2">
-          <UserAvatar hide-tooltip :user="item.user" />
+          <UserAvatar
+            hide-tooltip
+            :user="item.user"
+            light-style
+            class="bg-foundation"
+            no-bg
+          />
           <span class="truncate text-body-xs text-foreground">
             {{ item.user.name }}
           </span>