Cover photo added to users profile

Author: sazedul-haque

assets/src/scss/frontend/dashboard/_profile.scss

@@ -11,11 +11,19 @@
   .tutor-profile-card-header {
     @include tutor-flex(row, center, center);
     background-color: $tutor-surface-brand-tertiary;
+    background-size: cover;
+    background-position: center center;
+    background-repeat: no-repeat;
     border-radius: $tutor-radius-lg;
-    margin-bottom: $tutor-spacing-7;
+    margin-bottom: $tutor-spacing-14;
     position: relative;
     height: 184px;
 
+    .tutor-avatar {
+      border: 4px solid $tutor-border-inverse;
+      transform: translateY(92px);
+    }
+
     .tutor-edit-profile-btn {
       @include tutor-button-base();
       @include tutor-button-variant(outline);
@@ -44,8 +52,7 @@
   }
 
   .tutor-profile-card-body {
-    @include tutor-grid(2);
-    gap: $tutor-spacing-6;
+    @include tutor-grid(2, $tutor-spacing-21);
     position: relative;
 
     @include tutor-breakpoint-down(sm) {
@@ -117,11 +124,6 @@
 
     &-right {
       @include tutor-flex(column, flex-start, space-between);
-
-      @include tutor-breakpoint-up(sm) {
-        max-width: 240px;
-        margin-left: auto;
-      }
     }
 
     .tutor-profile-member-since {

templates/user-profile.php

@@ -20,6 +20,7 @@
 $user_id          = Input::get( 'student_id', get_current_user_id(), Input::TYPE_INT );
 $student_details  = get_userdata( $user_id );
 $student_meta     = get_user_meta( $user_id );
+$cover_photo_url  = tutor_utils()->get_cover_photo_url( $user_id );
 $edit_profile_url = Dashboard::get_account_page_url( 'settings' ) . '?tab=account';
 $website_url      = $student_meta['_tutor_profile_website'][0] ?? '#';
 $github_url       = $student_meta['_tutor_profile_github'][0] ?? '#';
@@ -30,7 +31,7 @@
 ?>
 
 <div class="tutor-profile-card">
-	<div class="tutor-profile-card-header">
+	<div class="tutor-profile-card-header" style="background-image: url(<?php echo esc_attr( $cover_photo_url ); ?>);">
 		<?php Avatar::make()->user( $user_id )->size( Size::SIZE_104 )->render(); ?>
 		<?php if ( tutor_utils()->is_dashboard_page( 'account/profile' ) ) : ?>
 		<a href="<?php echo esc_url( $edit_profile_url ); ?>" class="tutor-edit-profile-btn">