fix: ResizablePanel warning that the sum of percentages needs to be…

… 100%
aiktb · Oct 27, 2024 · 71bbfa7 · 71bbfa7
1 parent 75fac69
commit 71bbfa7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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: {