diff --git a/src/components/PlayerProfileView/ProfileHistoryList.vue b/src/components/PlayerProfileView/ProfileHistoryList.vue index 9694f1c..5c81bfc 100644 --- a/src/components/PlayerProfileView/ProfileHistoryList.vue +++ b/src/components/PlayerProfileView/ProfileHistoryList.vue @@ -14,80 +14,84 @@
- + +
+ {{ entry.value.stationName }} + {{ ' - ' }} + + {{ t('profile.list.online-since') }}: + {{ + humanizeDuration((entry.value.timestampTo || Date.now()) - entry.value.timestampFrom) + }} + +
+
@@ -224,17 +228,25 @@ function toggleFilter(filterType: JournalEntryType) { } .history-list-box { - & > ul > li { - display: flex; - flex-direction: column; - gap: 0.25em; + padding: 0.25em; +} - background-color: var(--clr-tile); - padding: 0.5em; +.history-list-box > a { + display: flex; + flex-direction: column; + gap: 0.25em; - margin-bottom: 0.5em; - text-align: initial; - } + background-color: var(--clr-tile); + padding: 0.5em; + + margin-bottom: 0.5em; + text-align: initial; +} + +.entry-top-date { + display: flex; + align-items: center; + gap: 0.25em; } .timestamp-indicator { diff --git a/src/components/PlayerProfileView/ProfileSummary.vue b/src/components/PlayerProfileView/ProfileSummary.vue index 8601ba4..9a23483 100644 --- a/src/components/PlayerProfileView/ProfileSummary.vue +++ b/src/components/PlayerProfileView/ProfileSummary.vue @@ -6,7 +6,6 @@ v-if="playerTD2Info" :src="`https://td2.info.pl/index.php?action=dlattach;attach=${playerTD2Info.avatar};type=avatar`" alt="player image" - height="120" @error="(e) => ((e.target as any).src = '/images/default-avatar.jpg')" /> @@ -71,6 +70,10 @@ train icon {{ d.timetable.category }} {{ d.trainNo }} + • + {{ d.currentStationName }} + • + {{ d.stockString.split(';')[0] }} @@ -320,7 +323,6 @@ const activeTrains = computed(() => { gap: 0.25em; font-weight: bold; - background-color: #3b3b3b; padding: 0.25em 0.5em; border-radius: 0.5em; }