chore(profile): improved profile player stats header

This commit is contained in:
2026-02-15 17:18:17 +01:00
parent 83b22e5978
commit 51d952ffee
@@ -77,8 +77,10 @@
<div class="player-stats"> <div class="player-stats">
<div class="stats-driver"> <div class="stats-driver">
<img src="/images/icon-train.svg" width="35" alt="train icon" /> <h3 class="stats-header">
<h3>{{ t('profile.stats.header-driver') }}</h3> <img src="/images/icon-train.svg" width="30" alt="train icon" />
{{ t('profile.stats.header-driver') }}
</h3>
<hr /> <hr />
<div v-if="playerInfo.driverStats.countAll > 0"> <div v-if="playerInfo.driverStats.countAll > 0">
@@ -142,8 +144,11 @@
class="stats-dispatcher" class="stats-dispatcher"
v-if="playerInfo.dispatcherStats && playerInfo.dispatcherStats.services?.count" v-if="playerInfo.dispatcherStats && playerInfo.dispatcherStats.services?.count"
> >
<img src="/images/icon-user.svg" width="35" alt="user icon" /> <h3 class="stats-header">
<h3>{{ t('profile.stats.header-dispatcher') }}</h3> <img src="/images/icon-user.svg" width="30" alt="user icon" />
{{ t('profile.stats.header-dispatcher') }}
</h3>
<hr /> <hr />
<div> <div>
@@ -287,6 +292,13 @@ const activeTrains = computed(() => {
} }
} }
.stats-header {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5em;
}
.info-activity { .info-activity {
display: flex; display: flex;
justify-content: center; justify-content: center;