diff --git a/src/components/PlayerProfileView/ProfileHistoryList.vue b/src/components/PlayerProfileView/ProfileHistoryList.vue index 511aedf..0047f14 100644 --- a/src/components/PlayerProfileView/ProfileHistoryList.vue +++ b/src/components/PlayerProfileView/ProfileHistoryList.vue @@ -214,7 +214,7 @@ async function fetchPlayerJournal() { @use '../../styles/responsive'; .profile-history-list { - overflow: auto; + overflow-y: scroll; height: 100%; } @@ -284,8 +284,8 @@ async function fetchPlayerJournal() { } @include responsive.midScreen { - .history-list-box { - max-height: 100vh; + .profile-history-list { + height: 100vh; } } diff --git a/src/components/PlayerProfileView/ProfileRecentStats.vue b/src/components/PlayerProfileView/ProfileRecentStats.vue index 2da8ea1..d65c0f6 100644 --- a/src/components/PlayerProfileView/ProfileRecentStats.vue +++ b/src/components/PlayerProfileView/ProfileRecentStats.vue @@ -60,6 +60,8 @@ defineProps({ diff --git a/src/components/PlayerProfileView/ProfileSummary.vue b/src/components/PlayerProfileView/ProfileSummary.vue index 9282122..f97da32 100644 --- a/src/components/PlayerProfileView/ProfileSummary.vue +++ b/src/components/PlayerProfileView/ProfileSummary.vue @@ -67,7 +67,6 @@ class="player-activity" v-if="activeDispatches.length > 0 || activeTrains.length > 0" > -
{ grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); } } + +@include responsive.smallScreen { + .player-stats { + display: grid; + grid-template-columns: 1fr; + } +} diff --git a/src/views/PlayerProfileView.vue b/src/views/PlayerProfileView.vue index 36bd017..bad9a52 100644 --- a/src/views/PlayerProfileView.vue +++ b/src/views/PlayerProfileView.vue @@ -9,7 +9,7 @@
- +
@@ -66,6 +66,7 @@ onMounted(() => { async function fetchAllData() { const playerId = route.query.playerId?.toString(); + playerInfo.value = null; playerTD2Info.value = null; playerDataStatus.value = Status.Data.Loading;