From 8b7ca464cf2579f69cdf8f2f61e43237a3773205 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Thu, 27 Oct 2022 16:11:37 +0200
Subject: [PATCH] Always use rounded quadrat user avatars (#1350)

To stay consistent with the header.
---
 web/src/components/layout/header/Navbar.vue           | 2 +-
 web/src/components/repo/pipeline/PipelineItem.vue     | 2 +-
 web/src/components/repo/pipeline/PipelineProcList.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/layout/header/Navbar.vue b/web/src/components/layout/header/Navbar.vue
index 937706437..97ed91802 100644
--- a/web/src/components/layout/header/Navbar.vue
+++ b/web/src/components/layout/header/Navbar.vue
@@ -46,7 +46,7 @@
         :title="$t('user.settings')"
         class="navbar-icon navbar-clickable !p-1.5"
       >
-        <img v-if="user && user.avatar_url" class="rounded-full" :src="`${user.avatar_url}`" />
+        <img v-if="user && user.avatar_url" class="rounded-md" :src="`${user.avatar_url}`" />
       </NavbarIcon>
       <!-- Login Button -->
       <Button v-else :text="$t('login')" @click="doLogin" />
diff --git a/web/src/components/repo/pipeline/PipelineItem.vue b/web/src/components/repo/pipeline/PipelineItem.vue
index 59f36e553..849bf918b 100644
--- a/web/src/components/repo/pipeline/PipelineItem.vue
+++ b/web/src/components/repo/pipeline/PipelineItem.vue
@@ -20,7 +20,7 @@
     <div class="flex py-2 px-4 flex-grow min-w-0 <md:flex-wrap">
       <div class="<md:hidden flex items-center flex-shrink-0">
         <Icon v-if="pipeline.event === 'cron'" name="stopwatch" class="text-color" />
-        <img v-else class="w-8" :src="pipeline.author_avatar" />
+        <img v-else class="rounded-md w-8" :src="pipeline.author_avatar" />
       </div>
 
       <div class="w-full md:w-auto md:mx-4 flex items-center min-w-0">
diff --git a/web/src/components/repo/pipeline/PipelineProcList.vue b/web/src/components/repo/pipeline/PipelineProcList.vue
index f71800a2c..2b376f0c3 100644
--- a/web/src/components/repo/pipeline/PipelineProcList.vue
+++ b/web/src/components/repo/pipeline/PipelineProcList.vue
@@ -6,7 +6,7 @@
       <div class="flex space-x-1 items-center flex-shrink-0">
         <div class="flex items-center">
           <Icon v-if="pipeline.event === 'cron'" name="stopwatch" />
-          <img v-else class="w-6" :src="pipeline.author_avatar" />
+          <img v-else class="rounded-md w-6" :src="pipeline.author_avatar" />
         </div>
         <span>{{ pipeline.author }}</span>
       </div>