tweaks

Author: gary149

src/routes/assistant/[assistantId]/+page.svelte

@@ -45,7 +45,7 @@
 		use:clickOutside={() => {
 			goto(previousPage);
 		}}
-		class="z-10 flex flex-col content-center items-center gap-x-10 gap-y-2 overflow-hidden rounded-2xl bg-white p-4 shadow-2xl outline-none md:w-96 md:grid-cols-3 md:grid-rows-[auto,1fr] md:p-8"
+		class="z-10 flex flex-col content-center items-center gap-x-10 gap-y-2 overflow-hidden rounded-2xl bg-white p-4 text-center shadow-2xl outline-none max-sm:px-6 md:w-96 md:grid-cols-3 md:grid-rows-[auto,1fr] md:p-8"
 	>
 		{#if data.assistant.avatar}
 			<img
@@ -103,9 +103,9 @@
 		>
 			<button
 				type="submit"
-				class=" w-full rounded-full bg-black px-4 py-2 font-semibold text-white"
+				class=" w-full rounded-full bg-black px-4 py-3 font-semibold text-white"
 			>
-				Add assistant and start chatting
+				Start chatting
 			</button>
 		</form>
 	</dialog>

src/routes/assistant/[assistantId]/thumbnail.png/+server.ts

@@ -34,8 +34,8 @@ export const GET: RequestHandler = (async ({ url, params, fetch }) => {
 	);
 
 	const svg = await satori(reactLike, {
-		width: 700,
-		height: 370,
+		width: 1200,
+		height: 648,
 		fonts: [
 			{
 				name: "Inter",
@@ -47,16 +47,6 @@ export const GET: RequestHandler = (async ({ url, params, fetch }) => {
 				data: await fetch(base + "/fonts/Inter-Bold.ttf").then((r) => r.arrayBuffer()),
 				weight: 700,
 			},
-			{
-				name: "Inter",
-				data: await fetch(base + "/fonts/Inter-ExtraBold.ttf").then((r) => r.arrayBuffer()),
-				weight: 800,
-			},
-			{
-				name: "Inter",
-				data: await fetch(base + "/fonts/Inter-Black.ttf").then((r) => r.arrayBuffer()),
-				weight: 900,
-			},
 		],
 	});