diff --git a/src/components/UserProfile/UserProfileLayout.vue b/src/components/UserProfile/UserProfileLayout.vue index 4341b00433b67b37db58f08599cd3a8ce696ceac..494e5aea08ee567575c8e4a430612dfbc64e4246 100644 --- a/src/components/UserProfile/UserProfileLayout.vue +++ b/src/components/UserProfile/UserProfileLayout.vue @@ -16,18 +16,20 @@ let streak = 0; <p class="h2">Username</p> <p><a class="link-dark" href="#">Edit profile</a></p> </div> + </div> <div class="row"> - <div class="col"> - Streak - </div> + <div class="col"> + <img src="/src/assets/icons/fire.png" class="img-fluid" style="width: 30px; height: 30px" alt="dollar"> + <p>Streak: 10</p> + </div> </div> <div class="row"> - <div class="col"> - <img src="/src/assets/icons/dollar.png" class=" w-10" alt="dollar"> - <p>Points: + </p> + <div class="col-12"> + <img src="/src/assets/icons/dollar.png" class="img-fluid" style="width: 30px; height: 30px" alt="dollar"> + <p class="">Points: 2000 </p> </div> </div> - </div> + <div class="row"> <div class="col"> total points earned