chore: reusing more styles

BellumGens · Dec 11, 2024 · b2335f8 · b2335f8
1 parent 2b2ec70
commit b2335f8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 22 deletions.
diff --git a/projects/bellumgens/src/app/player-section/cs-player/cs-player.component.scss b/projects/bellumgens/src/app/player-section/cs-player/cs-player.component.scss
@@ -7,20 +7,6 @@
 
   /* User Profile */
 
-  app-player .card-wrapper {
-    padding-top: 24px;
-  }
-
-  .card-wrapper.profile-view-layout {
-    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-  }
-
-  .player-avatar {
-    width: 144px;
-    height: 144px;
-    border-radius: 16px;
-  }
-
   .team-avatar-link {
     cursor: pointer;
     margin: 0 16px 16px 0;
@@ -80,12 +66,6 @@
   }
   /* END User Overview */
 
-  @media only screen and (max-width: 768px) {
-    .profile-container, .player-detail__stats {
-      max-width: 320px;
-    }
-  }
-
   @media only screen and (min-width: 600px) {
     .player-exception {
       grid-column: 2 / -1;

diff --git a/projects/bellumgens/src/app/player-section/player.component.scss b/projects/bellumgens/src/app/player-section/player.component.scss
@@ -2,6 +2,16 @@
   background: none;
 }
 
+.card-wrapper.profile-view-layout {
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+}
+
+.player-avatar {
+  width: 144px;
+  height: 144px;
+  border-radius: 16px;
+}
+
 @media only screen and (max-width: 768px) {
   .overview-container-card {
     width: auto;
@@ -12,4 +22,8 @@
     padding: 20px;
     margin: 0;
   }
+
+  .profile-container, .player-detail__stats {
+    max-width: 320px;
+  }
 }
diff --git a/projects/bellumgens/src/app/player-section/sc-player/sc-player.component.html b/projects/bellumgens/src/app/player-section/sc-player/sc-player.component.html
@@ -5,7 +5,7 @@
       <igx-avatar [src]="player.sc2Details?.avatarUrl" [initials]="player.steamUser?.steamID" class="player-avatar">
       </igx-avatar>
     </div>
-    <h1 class="igx-card-header__title"><a [href]="player.steamUser" target="_blank" rel="noopener">{{ player.steamUser?.steamID }}</a></h1>
-    <h4 class="igx-card-header__subtitle">{{ player.steamUser?.realname }}</h4>
+    <h1 class="igx-card-header__title"><a [href]="player.steamUser" target="_blank" rel="noopener">{{ player.sc2Details.battleNetBattleTag }}</a></h1>
+    <h4 class="igx-card-header__subtitle">{{ player.username }}</h4>
   </div>
 </div>