Merge pull request #34 from tuandm/fix-avatar-pixelated-on-menubar

Change the avatar size to prevent pixelated on higher resolution screen
tuandm · Apr 17, 2019 · edfa0a8 · edfa0a8
2 parents 5baef09 + 467f258
commit edfa0a8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/app/Http/Controllers/AuthController.php b/app/Http/Controllers/AuthController.php
@@ -48,7 +48,7 @@ public function user(Request $request)
     {
         $user = User::find(Auth::user()->id);
         $user->roles = [$user->role];
-        $user->avatar = 'http://i.pravatar.cc/32';
+        $user->avatar = 'http://i.pravatar.cc';
         return response()->json([
             'status' => 'success',
             'data' => $user

diff --git a/resources/js/layout/components/Navbar.vue b/resources/js/layout/components/Navbar.vue
@@ -20,7 +20,7 @@
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
-          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
+          <img :src="avatar+'/128'" class="user-avatar">
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown">
@@ -149,7 +149,7 @@ export default {
           cursor: pointer;
           width: 40px;
           height: 40px;
-          border-radius: 10px;
+          border-radius: 4px;
         }
 
         .el-icon-caret-bottom {

diff --git a/resources/js/views/dashboard/admin/components/BoxCard.vue b/resources/js/views/dashboard/admin/components/BoxCard.vue
@@ -19,7 +19,7 @@
         <el-progress :percentage="12"/>
       </div>
       <div class="progress-item">
-        <span>HTML & CSS</span>
+        <span>HTML &amp; CSS</span>
         <el-progress :percentage="100" status="success"/>
       </div>
     </div>