From 71bbfa7a5fbb6d0b9d22748218c44d0b94edefc6 Mon Sep 17 00:00:00 2001
From: aiktb <ai.ourship@gmail.com>
Date: Sun, 27 Oct 2024 21:46:35 +0800
Subject: [PATCH] fix: `ResizablePanel` warning that the sum of percentages
 needs to be 100%

---
 .github/CONTRIBUTING.md | 2 +-
 app/routes/_index.tsx   | 6 +++---
 commitlint.config.ts    | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index 56754b6..440cc04 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -22,7 +22,7 @@ Hi! We're Really excited that you are interested in contributing to Vueast. Befo
 - Commit messages must be matched by the following regex, see [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for more information.
 
 ```txt
-/^(build|chore|ci|docs|feat|fix|perf|refactor|revert|style|test)(\(.+\))?: .{1,70}/
+/^(build|chore|ci|docs|feat|fix|perf|refactor|revert|style|test)(\(.+\))?: .{1,100}/
 ```
 
 ## Development Setup
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index aaa0516..7a85480 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -51,7 +51,7 @@ export default function Index() {
       <Header className="sticky top-0 z-20 w-full" />
       <main className="overflow-scroll">
         <ResizablePanelGroup direction="horizontal" className="w-full overflow-scroll">
-          <ResizablePanel defaultSize={50} id="editor-view" order={1}>
+          <ResizablePanel defaultSize={view === "JSON" ? 50 : 34} id="editor-view" order={1}>
             <div className="h-full items-center justify-center px-3 py-6 lg:px-6">
               <ClientOnly>{() => <CodeMirrorEditor code={code} onChange={onChange} />}</ClientOnly>
             </div>
@@ -66,13 +66,13 @@ export default function Index() {
           )}
           {view === "tree" && (
             <>
-              <ResizablePanel defaultSize={50} id="tree-view" order={2}>
+              <ResizablePanel defaultSize={33} id="tree-view" order={2}>
                 <div className="h-full items-center justify-center px-3 py-6 lg:px-6">
                   <CollapsibleTreeView ast={ast} />
                 </div>
               </ResizablePanel>
               <ResizableHandle withHandle={true} />
-              <ResizablePanel defaultSize={50} id="node-view" order={3}>
+              <ResizablePanel defaultSize={33} id="node-view" order={3}>
                 <div className="h-full items-center justify-center px-3 py-6 lg:px-6">
                   <SelectedNodeView />
                 </div>
diff --git a/commitlint.config.ts b/commitlint.config.ts
index a447f48..647b199 100644
--- a/commitlint.config.ts
+++ b/commitlint.config.ts
@@ -1,6 +1,6 @@
 import { RuleConfigSeverity, type UserConfig } from "@commitlint/types";
 
-const HEADER_MAX_LENGTH = 70;
+const HEADER_MAX_LENGTH = 100;
 const config: UserConfig = {
   extends: ["@commitlint/config-conventional"],
   rules: {