refac

src/routes/(app)/admin/functions/create/+page.svelte

@@ -96,7 +96,7 @@
 
 {#if mounted}
 	{#key func?.content}
-		<div class="px-[16px] h-full">
+		<div class="px-[16px] h-full min-w-0 overflow-x-hidden">
 			<FunctionEditor
 				id={func?.id ?? ''}
 				name={func?.name ?? ''}

src/routes/(app)/admin/functions/edit/+page.svelte

@@ -81,7 +81,7 @@
 </script>
 
 {#if func}
-	<div class="px-[16px] h-full">
+	<div class="px-[16px] h-full min-w-0 overflow-x-hidden">
 		<FunctionEditor
 			edit={true}
 			id={func.id}

src/routes/(app)/calendar/+page.svelte

@@ -308,8 +308,8 @@
 								{ value: 'month', label: $i18n.t('Month') }
 							]}
 							onChange={() => handleNavigate()}
-							triggerClass="relative flex items-center gap-1.5 px-3 py-1.5 bg-gray-50 dark:bg-gray-850 rounded-xl text-xs"
-							contentClass="rounded-2xl w-40 p-1 border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-850 dark:text-white shadow-lg"
+							triggerClass="relative flex items-center gap-1 px-2 py-1 rounded-lg text-xs text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:hover:bg-gray-850 dark:hover:text-white"
+							contentClass="rounded-xl w-28 p-1 border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-850 dark:text-white shadow-lg"
 							align="end"
 						>
 							<svelte:fragment slot="trigger" let:selectedLabel>

src/routes/(app)/workspace/tools/create/+page.svelte

@@ -82,16 +82,18 @@
 
 {#if mounted}
 	{#key tool?.content}
-		<ToolkitEditor
-			id={tool?.id ?? ''}
-			name={tool?.name ?? ''}
-			meta={tool?.meta ?? { description: '' }}
-			content={tool?.content ?? ''}
-			accessGrants={tool?.access_grants !== undefined ? tool.access_grants : []}
-			{clone}
-			onSave={(value) => {
-				saveHandler(value);
-			}}
-		/>
+		<div class="h-full min-w-0 overflow-x-hidden">
+			<ToolkitEditor
+				id={tool?.id ?? ''}
+				name={tool?.name ?? ''}
+				meta={tool?.meta ?? { description: '' }}
+				content={tool?.content ?? ''}
+				accessGrants={tool?.access_grants !== undefined ? tool.access_grants : []}
+				{clone}
+				onSave={(value) => {
+					saveHandler(value);
+				}}
+			/>
+		</div>
 	{/key}
 {/if}

src/routes/(app)/workspace/tools/edit/+page.svelte

@@ -77,17 +77,19 @@
 </script>
 
 {#if tool}
-	<ToolkitEditor
-		edit={true}
-		id={tool.id}
-		name={tool.name}
-		meta={tool.meta}
-		content={tool.content}
-		accessGrants={tool.access_grants ?? []}
-		onSave={(value) => {
-			saveHandler(value);
-		}}
-	/>
+	<div class="h-full min-w-0 overflow-x-hidden">
+		<ToolkitEditor
+			edit={true}
+			id={tool.id}
+			name={tool.name}
+			meta={tool.meta}
+			content={tool.content}
+			accessGrants={tool.access_grants ?? []}
+			onSave={(value) => {
+				saveHandler(value);
+			}}
+		/>
+	</div>
 {:else}
 	<div class="flex items-center justify-center h-full">
 		<div class=" pb-16">