finish tile mode | fix canvas resize

package.json

@@ -65,5 +65,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "daisyui": "^4.7.2"
   }
 }

roadmap.md

@@ -1,41 +1,17 @@
 # Doing
-- wand selection 
-- tilemap mode 
+- create modal for import
+- import/export 
+    - Asprites export settings
+- box selection tools
 
 # Bugs 
-- issues with resizing the canvas (active layer)
-- local saves arnt showing up
+- animation preview not showing all layers
 
 # Pre-Launch
-- box selection tools
-
 - laso selection
 
 - undo / redo 
 
-- import/export 
-    - Asprites export settings
-    - import png/jpg as a layer 
-    - import project file
-    - export selected frame 
-        - all
-    - export selected layer
-        - all 
-    - upscale/downscale exports
-    - save as project file 
-    - recommend local saved projects
-    - delete local saved projects  
-    - paste reference image url 
-
-- previous 2 color switch
-    - just as a quick reference, does no effect the pallete
- - colors used in pallette  
-        - when changing color in pallete, update all instances of that color in all layers 
-
-- light/dark theme
-
-- minimize UI
-
 - site domain 
 
 # Launch
@@ -44,6 +20,10 @@
 - payment page
 
 # Stretch 
+- previous 2 color switch
+- light/dark theme
+- minimize UI
+- node based editor?
 - themes, grid colors
     - you can theme it
 - custom layout, custom shortcut
@@ -79,6 +59,7 @@
     - recommend colors based on current pallete and AI 
     - recommend better color alternatives based on AI 
     - pallette 
+        - when changing color in pallete, update all instances of that color in all layers 
         - import/paste and export/copy a color pallette 
         - import pallette from image 
             - limit pallette to x colors

src/components/Modal/index.tsx

@@ -16,10 +16,10 @@ export function Modal(props: IProps) {
         <Portal>
             <main className="c-modal"
                 onClick={() => props.setIsOpen(false)}>
-                <section className="c-modal__body"
+                <section className="c-modal__body !bg-slate-300"
                     onClick={e => { e.preventDefault(); e.stopPropagation(); }}>
                     <button onClick={() => props.setIsOpen(false)}
-                        className="c-modal__exit c-button --sm --danger">
+                        className="absolute top-2 right-2 btn btn-sm btn-error">
                         <ImCross />
                     </button>