fix: scrollable toolbar in mobile editor

web/src/components/ArticleEditor.vue

@@ -234,7 +234,7 @@ defineExpose({
 		content-type="html"
 		:editable="!props.disabled"
 		:ui="{ base: 'article-content' }"
-		class="article-editor grid h-full min-h-0 grid-cols-1 grid-rows-[auto_minmax(0,1fr)_auto] lg:grid-cols-[minmax(0,1fr)_17.5rem]"
+		class="article-editor grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)] lg:grid-cols-[minmax(0,1fr)_17.5rem]"
 		@update:model-value="onUpdate"
 	>
 		<span class="hidden">{{ captureEditor(editor) }}</span>
@@ -243,7 +243,7 @@ defineExpose({
 			:editor="editor"
 			:items="buildItems(editor)"
 			layout="fixed"
-			class="col-span-full row-start-1 border-b border-default bg-default px-6 py-1.5"
+			class="col-span-full row-start-1 min-w-0 overflow-x-auto border-b border-default bg-default px-6 py-1.5 [&>*]:shrink-0"
 		/>
 		<div class="col-start-1 row-start-3">
 			<slot name="footer" />