🎨

packages/client/src/pages/admin/index.vue

@@ -107,7 +107,7 @@ const menuDef = $computed(() => [{
 		to: '/about#federation',
 		active: currentPage?.route.name === 'federation',
 	}, {
-		icon: 'fas fa-clipboard-list',
+		icon: 'ti ti-clock-play',
 		text: i18n.ts.jobQueue,
 		to: '/admin/queue',
 		active: currentPage?.route.name === 'queue',

packages/client/src/pages/admin/integrations.vue

@@ -3,19 +3,19 @@
 		<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 	<FormSuspense :p="init">
 		<FormFolder class="_formBlock">
-			<template #icon><i class="fab fa-twitter"></i></template>
+			<template #icon><i class="ti ti-brand-twitter"></i></template>
 			<template #label>Twitter</template>
 			<template #suffix>{{ enableTwitterIntegration ? i18n.ts.enabled : i18n.ts.disabled }}</template>
 			<XTwitter/>
 		</FormFolder>
 		<FormFolder class="_formBlock">
-			<template #icon><i class="fab fa-github"></i></template>
+			<template #icon><i class="ti ti-brand-github"></i></template>
 			<template #label>GitHub</template>
 			<template #suffix>{{ enableGithubIntegration ? i18n.ts.enabled : i18n.ts.disabled }}</template>
 			<XGithub/>
 		</FormFolder>
 		<FormFolder class="_formBlock">
-			<template #icon><i class="fab fa-discord"></i></template>
+			<template #icon><i class="ti ti-brand-discord"></i></template>
 			<template #label>Discord</template>
 			<template #suffix>{{ enableDiscordIntegration ? i18n.ts.enabled : i18n.ts.disabled }}</template>
 			<XDiscord/>

packages/client/src/pages/admin/queue.vue

@@ -51,6 +51,6 @@ const headerTabs = $computed(() => [{
 
 definePageMetadata({
 	title: i18n.ts.jobQueue,
-	icon: 'fas fa-clipboard-list',
+	icon: 'ti ti-clock-play',
 });
 </script>