diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 17b2b5198..284350de4 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -19,6 +19,7 @@ import {
SettingsIcon,
WorldIcon,
XIcon,
+ NewspaperIcon,
} from '@modrinth/assets'
import {
Avatar,
@@ -201,7 +202,7 @@ async function setupApp() {
title: article.title,
summary: article.summary,
date: article.date,
- }))
+ })).slice(0, 4)
}
})
@@ -610,6 +611,11 @@ function handleAuxClick(e) {
:key="`news-${index}`"
:article="item"
/>
+
+
+ View all news
+
+
diff --git a/apps/app-frontend/src/components/ui/Instance.vue b/apps/app-frontend/src/components/ui/Instance.vue
index fb79cfc3c..3f9176f60 100644
--- a/apps/app-frontend/src/components/ui/Instance.vue
+++ b/apps/app-frontend/src/components/ui/Instance.vue
@@ -172,7 +172,10 @@ onUnmounted(() => unlisten())
- Played {{ formatRelativeTime(dayjs(instance.last_played).toISOString()) }}
+
+ Played {{ formatRelativeTime(dayjs(instance.last_played).toISOString()) }}
+
+ Never played
diff --git a/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue b/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
index 396794ba1..77099feb5 100644
--- a/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
+++ b/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
@@ -30,7 +30,7 @@ const getInstances = async () => {
return dateB - dateA
})
- .slice(0, 4)
+ .slice(0, 3)
}
await getInstances()
diff --git a/apps/app-frontend/src/components/ui/world/InstanceItem.vue b/apps/app-frontend/src/components/ui/world/InstanceItem.vue
index 9ad0bbdcd..50e3907fd 100644
--- a/apps/app-frontend/src/components/ui/world/InstanceItem.vue
+++ b/apps/app-frontend/src/components/ui/world/InstanceItem.vue
@@ -1,4 +1,5 @@