From a8fb9ac7c7c597c80885254d75c6c87f5457380f Mon Sep 17 00:00:00 2001
From: MrSphay <lefiwilkens@gmail.com>
Date: Sun, 3 May 2026 22:51:00 +0200
Subject: [PATCH] Format connected library page

---
 .../src/pages/library/Connected.vue            | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/app-frontend/src/pages/library/Connected.vue b/apps/app-frontend/src/pages/library/Connected.vue
index ffe5c95d8..1cac722f2 100644
--- a/apps/app-frontend/src/pages/library/Connected.vue
+++ b/apps/app-frontend/src/pages/library/Connected.vue
@@ -123,7 +123,11 @@ onMounted(refresh)
 					@keydown.enter="connect"
 				/>
 			</div>
-			<Button color="primary" :disabled="connecting || !sourceUrl.trim()" @click="connect">
+			<Button
+				color="primary"
+				:disabled="connecting || !sourceUrl.trim()"
+				@click="connect"
+			>
 				<ProgressSpinner v-if="connecting" />
 				<PlugIcon v-else />
 				Connect modpack
@@ -140,14 +144,18 @@ onMounted(refresh)
 				<div class="pack-main">
 					<div class="pack-title">
 						<h2>{{ pack.name }}</h2>
-						<span v-if="pack.updateAvailable" class="status update">Update available</span>
+						<span v-if="pack.updateAvailable" class="status update">
+							Update available
+						</span>
 						<span v-else-if="pack.profilePath" class="status current">Current</span>
 						<span v-else class="status">Not installed</span>
 					</div>
 					<p v-if="pack.changelog">{{ pack.changelog }}</p>
 					<div class="meta">
 						<span>Latest {{ pack.version }}</span>
-						<span v-if="pack.installedVersionId">Installed {{ pack.installedVersionId }}</span>
+						<span v-if="pack.installedVersionId">
+							Installed {{ pack.installedVersionId }}
+						</span>
 						<span v-if="pack.lastChecked">
 							Checked {{ new Date(pack.lastChecked).toLocaleString() }}
 						</span>
@@ -187,7 +195,9 @@ onMounted(refresh)
 		<div v-else class="empty">
 			<GitGraphIcon />
 			<h2>No connected modpacks</h2>
-			<p>Add a public Git repository or raw manifest URL to track exported .mrpack releases.</p>
+			<p>
+				Add a public Git repository or raw manifest URL to track exported .mrpack releases.
+			</p>
 		</div>
 	</div>
 </template>