diff --git a/src/components/SceneryView/SceneryTopList.vue b/src/components/SceneryView/SceneryTopList.vue
index 97de9e1..36a88d3 100644
--- a/src/components/SceneryView/SceneryTopList.vue
+++ b/src/components/SceneryView/SceneryTopList.vue
@@ -30,15 +30,23 @@
-
- {{ i + 1 }}. miejsce - {{ value.dispatcherName }} -
- {{ value.sumRate }} łapek
+
+ {{ t('scenery.top-list.place', i + 1) }} - {{ value.dispatcherName }}
+
+
+ {{ t('scenery.top-list.like-count', value.sumRate) }}
+
-
- {{ i + 1 }}. miejsce - {{ value.dispatcherName }} -
- {{ value.count }} dyżurów
+
+ {{ t('scenery.top-list.place', i + 1) }} - {{ value.dispatcherName }}
+
+
+ {{ t('scenery.top-list.dispatch-count', value.count) }}
+
@@ -130,7 +138,7 @@ async function fetchTopDispatchersList() {
listState.value = Status.Data.Loading;
const response = await apiStore.client.get(
- `api/getSceneryTop${currentListMode.value}By${currentListScope.value}?${currentListScope.value}=${searchedStationValue}`
+ `api/getSceneryTop${currentListMode.value}By${currentListScope.value}?${currentListScope.value}=${searchedStationValue}&countLimit=40`
);
if (currentListMode.value == 'dispatchers') {
@@ -178,18 +186,22 @@ async function fetchTopDispatchersList() {
overflow: auto;
}
+.rating-list-wrapper > ul {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+ align-items: center;
+ gap: 0.65em;
+ padding-right: 0.5em;
+}
+
.rating-list-wrapper > ul > li {
- padding: 0.5em;
- margin: 1em 0.5em;
-
- &:first-child {
- margin-top: 0;
- }
-
- &:last-child {
- margin-bottom: 0;
- }
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0.25em;
background-color: #2b2b2b;
+ height: 100%;
}