From 9cac4e6fd896a6df22be1e3476faf745b7d2957c Mon Sep 17 00:00:00 2001
From: root <root@adhd.sh>
Date: Thu, 1 Jan 2026 19:55:11 +0100
Subject: [PATCH] [FEAT] Modal size fixes

---
 src/components/auth/AuthModal.vue           | 2 +-
 src/components/project/NewProjectModal.vue  | 6 +++---
 src/components/project/ProjectList.vue      | 2 +-
 src/components/project/SaveProjectModal.vue | 2 +-
 src/components/utilities/Modal.vue          | 6 +++---
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/auth/AuthModal.vue b/src/components/auth/AuthModal.vue
index 040add4..1cb8519 100644
--- a/src/components/auth/AuthModal.vue
+++ b/src/components/auth/AuthModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <Modal :is-open="isOpen" @close="close" :title="isLogin ? 'Welcome Back' : 'Create Account'" :initialWidth="450">
+  <Modal :is-open="isOpen" @close="close" :title="isLogin ? 'Welcome Back' : 'Create Account'" :initialWidth="450" :initialHeight="500">
     <div class="space-y-4">
       <div class="text-center mb-6">
         <p class="text-sm text-gray-500 dark:text-gray-400">
diff --git a/src/components/project/NewProjectModal.vue b/src/components/project/NewProjectModal.vue
index 8c3235d..a6a7c47 100644
--- a/src/components/project/NewProjectModal.vue
+++ b/src/components/project/NewProjectModal.vue
@@ -1,8 +1,8 @@
 <template>
-  <Modal :is-open="isOpen" @close="close" title="New project" :initialWidth="400">
+  <Modal :is-open="isOpen" @close="close" title="New project" :initialWidth="400" :initialHeight="320">
     <div class="px-2 pt-2 pb-1">
       <form @submit.prevent="handleSubmit">
-        <div class="grid grid-cols-2 gap-4 mb-4">
+        <div class="grid grid-cols-2 gap-4 mb-3">
           <div>
             <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1 uppercase tracking-wider">Sprite Width</label>
             <div class="relative">
@@ -19,7 +19,7 @@
           </div>
         </div>
 
-        <div class="grid grid-cols-2 gap-4 mb-6">
+        <div class="grid grid-cols-2 gap-4 mb-4">
           <div>
             <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1 uppercase tracking-wider">Columns</label>
             <input v-model.number="columns" type="number" min="1" max="20" required class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-white" />
diff --git a/src/components/project/ProjectList.vue b/src/components/project/ProjectList.vue
index b7102d1..1a7683a 100644
--- a/src/components/project/ProjectList.vue
+++ b/src/components/project/ProjectList.vue
@@ -1,5 +1,5 @@
 <template>
-  <Modal :is-open="isOpen" @close="close" title="My Projects" :initialWidth="900" :initialHeight="800" noPadding>
+  <Modal :is-open="isOpen" @close="close" title="My projects" :initialWidth="900" :initialHeight="800" noPadding>
     <div class="flex flex-col h-full bg-white dark:bg-gray-900">
       <!-- Search Header -->
       <div class="px-6 py-4 border-b border-gray-100 dark:border-gray-800 bg-gray-50/50 dark:bg-gray-800/20">
diff --git a/src/components/project/SaveProjectModal.vue b/src/components/project/SaveProjectModal.vue
index cdade89..7f36012 100644
--- a/src/components/project/SaveProjectModal.vue
+++ b/src/components/project/SaveProjectModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <Modal :is-open="isOpen" @close="close" title="Save project" :initialWidth="400">
+  <Modal :is-open="isOpen" @close="close" title="Save project" :initialWidth="400" :initialHeight="250">
     <div class="px-2 pt-2 pb-1">
       <form @submit.prevent="handleSubmit">
         <div class="mb-4">
diff --git a/src/components/utilities/Modal.vue b/src/components/utilities/Modal.vue
index de31098..586f37e 100644
--- a/src/components/utilities/Modal.vue
+++ b/src/components/utilities/Modal.vue
@@ -68,7 +68,7 @@
   const position = ref({ x: 0, y: 0 });
   const size = ref({
     width: props.initialWidth || 800,
-    height: props.initialHeight || 600,
+    height: props.initialHeight || 400,
   });
 
   const isDragging = ref(false);
@@ -190,8 +190,8 @@
 
   const constrainSize = (width: number, height: number) => {
     return {
-      width: Math.max(400, Math.min(width, window.innerWidth - position.value.x)),
-      height: Math.max(300, Math.min(height, window.innerHeight - position.value.y)),
+      width: Math.max(300, Math.min(width, window.innerWidth - position.value.x)),
+      height: Math.max(200, Math.min(height, window.innerHeight - position.value.y)),
     };
   };