Merge pull request #511 from Sitecore/fix/profile-badge-images

Fixes badge images missing from profile
Sitecore · Feb 4, 2025 · cbfc866 · cbfc866
2 parents f21aef2 + b7025c4
commit cbfc866
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/headapps/MvpSite/MvpSite.Rendering/Views/Shared/Components/Profile/Default.cshtml b/headapps/MvpSite/MvpSite.Rendering/Views/Shared/Components/Profile/Default.cshtml
@@ -32,9 +32,8 @@
             </div>
        </div>
        <section class="sc-power-gradient-bg">
-            <div class="row inner">
-                <h4 asp-for="TitlesLabel" class="title-label col-2 mr-2 card border-0"></h4>
-                <div class="col-10 row">
+            <div class="row inner no-gutters">
+                <div class="col-12 row">
                 <partial name="Components/Profile/_Titles" model="Model.Mvp.Titles" />
                 </div>
             </div>
@@ -43,7 +42,5 @@
                 <h3 asp-for="TimelineLabel" class="col-12"></h3>
                 <partial name="Components/Profile/_Timeline" model="Model.GetTimelineEvents()" />
             </div>
-
-
     </section>
 }
diff --git a/headapps/MvpSite/MvpSite.Rendering/Views/Shared/Components/Profile/_Titles.cshtml b/headapps/MvpSite/MvpSite.Rendering/Views/Shared/Components/Profile/_Titles.cshtml
@@ -4,17 +4,20 @@
 
 @foreach (Title title in Model.OrderByDescending(t => t.Application.Selection.Year))
 {
-
-    <div class=" border-0  p-1  col-xs-12 col-sm-9 col-md-4 col-lg-3">
-        <div class="row card no-gutters align-items-center">
-            <!-- <div class="col-4">
-                <img src="@ProfileViewModel.GenerateImageUri(title)" class="card-img" />
-            </div> -->
-            <div class="col-12">
-                <div class="card-body">
-                <h6> MVP @title.Application.Selection.Year</h6>
-                    <p class="card-title">@title.MvpType.Name </p>
-                    <div class="card-text"><i class="fa fa-globe" aria-hidden="true"></i> <span> @title.Application.Country.Name</span></div>
+    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
+        <div class="card border-0 p-1 m-1">
+            <div class="row no-gutters">
+                <div class="col-8">
+                    <div class="card-body">
+                        <h6>MVP @title.Application.Selection.Year</h6>
+                        <p class="card-title">@title.MvpType.Name</p>
+                        <div class="card-text">
+                            <i class="fa fa-globe" aria-hidden="true"></i> <span>@title.Application.Country.Name</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-4 align-self-center">
+                    <img src="@ProfileViewModel.GenerateImageUri(title)" class="card-img"/>
                 </div>
             </div>
         </div>