Fixed config, removed line clamping

src/components/services.ts

@@ -29,7 +29,7 @@ function Service(props: IServiceProps) {
 		service;
 
 	return `
-		<li class="p-4 flex gap-4" ${!is.null(groups) ? `groups="${groups}"` : ``} ${!is.null(users) ? `users="${users}"` : ``}>
+		<li class="service p-4 flex gap-4" ${!is.null(groups) ? `groups="${groups}"` : ``} ${!is.null(users) ? `users="${users}"` : ``}>
 			${
 				!is.null(icon)
 					? `
@@ -40,13 +40,13 @@ function Service(props: IServiceProps) {
 					: ``
 			}
 			<div>
-				<h3 class="text-lg mt-1 font-semibold line-clamp-1">
+				<h3 class="text-lg mt-1 font-semibold">
 					${Anchor({ uri, newWindow, children: name })}
 				</h3>
 				${
 					!is.null(description)
 						? `
-					<p class="text-sm text-black/50 dark:text-white/50 line-clamp-1">
+					<p class="text-sm text-black/50 dark:text-white/50">
 					${Anchor({ uri, newWindow, children: description })}
 					</p>
 				`

src/config/config.json

@@ -6,20 +6,23 @@
 				"name": "Check the readme",
 				"uri": "https://github.com/notclickable-jordan/starbase-80",
 				"description": "Use your own icons",
-				"icon": "github"
+				"icon": "github",
+				"groups": "Friends"
 			},
 			{
 				"name": "Bind mount",
 				"uri": "https://github.com/notclickable-jordan/docker-symphony",
 				"description": "/app/src/config/config.json",
-				"icon": "docker"
+				"icon": "docker",
+				"groups": "Family, Friends"
 			},
 			{
 				"name": "Watch Lower Decks",
 				"uri": "https://www.paramountplus.com/",
 				"description": "On Paramount+",
-				"icon": "mdi-image-filter-hdr",
-				"iconColor": "blue-500"
+				"icon": "https://www.gstatic.com/script/apps_script_1x_24dp.png",
+				"iconColor": "blue-500",
+				"users": "test@example.com"
 			}
 		]
 	}