Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-04 13:58:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(profile): view container responsiveness

Browse Source
This commit is contained in:
Spythere
2026-02-06 17:00:12 +01:00
parent 565b0dfd8c
commit 41e50b8207
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/PlayerProfileView.vue
+6 -6
View File
@@ -122,9 +122,7 @@
<img v-else src="/images/icon-timetable.svg" width="20" alt="timetable icon" /> <img v-else src="/images/icon-timetable.svg" width="20" alt="timetable icon" />
<b class="text--grayed"> <b class="text--grayed">
{{ {{ entry.date.toLocaleString('pl-PL', { dateStyle: 'long', timeStyle: 'short' }) }}
entry.date.toLocaleString('pl-PL', { dateStyle: 'long', timeStyle: 'short' })
}}
</b> </b>
<!-- Timetables --> <!-- Timetables -->
@@ -164,7 +162,6 @@ import { computed, onMounted, reactive, ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useApiStore } from '../store/apiStore'; import { useApiStore } from '../store/apiStore';
import { API } from '../typings/api'; import { API } from '../typings/api';
import { useI18n } from 'vue-i18n';
import { humanizeDuration } from '../composables/time'; import { humanizeDuration } from '../composables/time';
type JournalEntryType = 'Timetable' | 'Dispatcher' | 'IssuedTimetable'; type JournalEntryType = 'Timetable' | 'Dispatcher' | 'IssuedTimetable';
@@ -177,7 +174,6 @@ interface JournalEntry {
const apiStore = useApiStore(); const apiStore = useApiStore();
const route = useRoute(); const route = useRoute();
const { t } = useI18n();
const playerName = ref(''); const playerName = ref('');
const playerInfo = ref<API.PlayerInfo.Data | null>(null); const playerInfo = ref<API.PlayerInfo.Data | null>(null);
@@ -403,9 +399,13 @@ $tileColor: #181818;
@include responsive.midScreen { @include responsive.midScreen {
.view-container { .view-container {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 0;
max-width: 1000px; max-width: 1000px;
} }
.player-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
} }
@include responsive.smallScreen { @include responsive.smallScreen {