fix: tree view horizontal scrolling to prevent node collapse (#89)

Author: xbinaryx

src/components/ast/css-ast.tsx

@@ -26,7 +26,7 @@ export const CssAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 font-mono space-y-3 min-w-max"
 				defaultValue={["0-StyleSheet"]}
 			>
 				<CssAstTreeItem

src/components/ast/javascript-ast.tsx

@@ -31,7 +31,7 @@ export const JavascriptAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 font-mono space-y-3 min-w-max"
 				defaultValue={["0-Program"]}
 			>
 				<JavascriptAstTreeItem

src/components/ast/json-ast.tsx

@@ -26,7 +26,7 @@ export const JsonAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 font-mono space-y-3 min-w-max"
 				defaultValue={["0-Document"]}
 			>
 				<JsonAstTreeItem

src/components/ast/markdown-ast.tsx

@@ -26,7 +26,7 @@ export const MarkdownAst: FC = () => {
 		return (
 			<Accordion
 				type="multiple"
-				className="px-8 font-mono space-y-3"
+				className="px-8 font-mono space-y-3 min-w-max"
 				defaultValue={["0-root"]}
 			>
 				<MarkdownAstTreeItem

src/components/scope/index.tsx

@@ -37,7 +37,7 @@ export const Scope: FC = () => {
 	return (
 		<Accordion
 			type="multiple"
-			className="px-8 font-mono space-y-3"
+			className="px-8 font-mono space-y-3 min-w-max"
 			defaultValue={["0-global"]}
 		>
 			{scopeView === "flat" ? (