Added a maxwidth to project inputs

Author: kirjavascript

CHANGELOG

@@ -22,7 +22,7 @@
 - Fixed a keycombination event bug [#29](/../../issues/29)
 - Fixed corrupted art when importing transparent PNGs [#22](/../../issues/22)
 - Performance improvements to remove lag
-- Created project files for s1disasm
+- Created project files for s1disasm, s2disasm
 
 ## [0.0.8]
 - Changed default palette from Sonic 2 to the SCH unified palette

TODO

@@ -1,11 +1,8 @@
 DOC
 ==
 1.0.0 - breaking change to select mapping format
-megadrive sprite editor (kirjava.xyz
-project menu explain
-spritesmind
 data parser, not text
-post image of project / some custom mappings, saying it's ready for testing
+push project files to disassemblies
 
 BUFFER
 ==
@@ -19,9 +16,9 @@ definition([
     many(art()),
 ])
 
-// project files
-// check palette is loading correctly in s1
 // provide custom art function
+// custom asm parser
+// custom palettes
 
 /* https://unix.stackexchange.com/questions/585645/launch-an-application-by-a-double-click */
 // provide a custom definition, but have a default
@@ -47,7 +44,6 @@ definition([
 /* http://info.sonicretro.org/Disassemblies */
 
 ROADMAP
-custom mapping formats
 generate project files -> use to create s3portal
 rotsprite
 export spritesheet

app/components/project/index.js

@@ -89,6 +89,7 @@ const Project = observer(() => {
                                             e.target.value;
                                     }}
                                     size={rowInfo.node.name.length}
+                                    style={{ maxWidth: 160 }}
                                     onChange={() => {}}
                                 />
                             </label>

styles/components/project-tree.scss

@@ -1,4 +1,9 @@
-.tree {
+.project .tree {
+    width: 330px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
     .rst__tree > div > div:focus {
         outline: none;
     }

styles/components/project.scss

@@ -28,12 +28,6 @@
         min-width: 215px;
     }
 
-    .tree {
-        width: 330px;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-    }
     .config {
         width: 100%;
         max-width: 1000px;